Преобразование строки Base64 в байтовый массив
В моем текущем весеннем проекте у меня есть форма с некоторыми input[type=file]
поля, которые должны обрабатываться этим классом PropertyEditorSupport:
public class ImagemEditor extends PropertyEditorSupport {
private String file_path = System.getProperty("user.home")+File.separator+".store"+File.separator+"Pictures";
@Override
public void setAsText(String text) {
...
}
...
}
изображение отправляется на сервер в виде строки Base64, и оно добавляется к другим параметрам с помощью этого кода JavaScript:
$('input[type=file]').on("change", function(){
var id = $(this).attr("id");
var name = $(this).attr("name");
if(typeof id !== "undefined") {
if(this.files.length > 0) {
reader = new FileReader();
reader.onloadend = function () {
str += "&" + name + "=" + this.result;
}
reader.readAsDataURL(this.files[0]);
}
}
});
В классе PropertyEditorSupport я читаю строку с изображением в кодировке Base64 и преобразую в byte[]
, чтобы сохранить эти байты в файл:
byte[] buffer = Base64.decodeBase64(text.split(",")[1]);
File arquivo;
try {
arquivo = new File(file_path+File.separator+file_name()+".jpeg");
} catch (Exception e) {
e.printStackTrace();
arquivo = null;
}
File dir = new File(file_path);
if(!dir.exists())
dir.mkdirs();
if(!arquivo.exists())
try {
arquivo.createNewFile();
} catch (Exception e) {
e.printStackTrace();
}
FileOutputStream fileOut;
try {
fileOut = new FileOutputStream(arquivo);
} catch (Exception e) {
e.printStackTrace();
fileOut = null;
}
try {
fileOut.write(buffer);
} catch (Exception e) {
e.printStackTrace();
}
try {
fileOut.close();
} catch (Exception e) {
e.printStackTrace();
}
но когда я пытаюсь открыть полученное изображение, это не то же самое изображение, которое я загружаю (я использую инструмент командной строки vbindiff
чтобы убедиться, что и заголовок изображения всегда одинаков). Невозможно даже открыть полученное изображение (я использую Gwenview в Linux/Kubuntu).
Кто-то может увидеть, что здесь не так?
2 ответа
Я попытался привести очень короткий пример, используя только jre.
Вам просто нужно положить HTML в index.html
в рабочем каталоге запустите сервер и загрузите пример изображения.
Это просто пример кода, поэтому ваше приложение будет работать на каком-либо контейнере сервлета, вам придется адаптировать код к имеющемуся у вас объекту запроса и ответа.
Главная страница
<html>
<head>
<title>Test file</title>
<script type="text/javascript">
function sendFile() {
var file = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.addEventListener("load", function() {
var http = new XMLHttpRequest();
var url = "save_file";
http.open("POST", url, true);
http.setRequestHeader("Content-type",
"application/x-www-form-urlencoded");
http.onreadystatechange = function() {//Call a function when the state changes.
if (http.readyState == 4 && http.status == 200) {
console.info(http.responseText);
}
}
var header = "base64,";
var pos=reader.result.indexOf(header);
var data = reader.result.substring(pos+header.length);
http.send(data);
}, false);
if (file) {
reader.readAsDataURL(file);
}
}
</script>
</head>
<body>
<input type="file" onchange="sendFile()">
<br>
</body>
</html>
HTTP-сервер
package so;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.InetSocketAddress;
import java.util.Base64;
import java.util.Scanner;
import com.sun.net.httpserver.*;
public class LoadImage {
public static void main(String[] args) throws IOException {
HttpServer server = HttpServer.create(new InetSocketAddress(8000), 0);
server.createContext("/save_file",FileSaveHandler());
server.createContext("/", indexHandler());
server.start();
System.out.println("Server started");
Scanner scanner = new Scanner(System.in);
scanner.nextLine();
System.out.println("Server stopped");
server.stop(0);
}
private static HttpHandler indexHandler() {
return new HttpHandler() {
@Override
public void handle(HttpExchange exchange) throws IOException {
File f = new File("index.html");
try(OutputStream responseBody = exchange.getResponseBody();InputStream in = new FileInputStream(f);){
byte[] buffer = new byte[(int)f.length()];
in.read(buffer);
exchange.sendResponseHeaders(200, buffer.length);
responseBody.write(buffer);
}
}
};
}
private static HttpHandler FileSaveHandler() {
return new HttpHandler() {
@Override
public void handle(HttpExchange exchange) throws IOException {
try(InputStream in = exchange.getRequestBody();
OutputStream out = new FileOutputStream("out.jpg")){
byte [] buffer = new byte[3*1024];
ByteArrayOutputStream bos = new ByteArrayOutputStream();
int l = 0;
while((l=in.read(buffer))>=0){
bos.write(buffer, 0, l);
}
byte[] data = Base64.getDecoder().decode(bos.toByteArray());
out.write(data);
}
}
};
}
}
BASE64Decoder
может декодировать base64
в byte[]
так:
import sun.misc.BASE64Decoder;
BASE64Decoder decoder = new BASE64Decoder();
byte[] decoded = decoder.decodeBuffer(imageData);
в то время как есть несколько версий Base64
кодек (проверить импорт):
import org.apache.commons.codec.binary.Base64;
byte[] decoded = Base64.decodeBase64(str);
возможно в следующий раз, пожалуйста, опубликуйте воспроизводимый код, потому что ссылки на классы (так, что Base64
) оставляет только возможность размышлять, вместо того, чтобы знать, о чем вы на самом деле говорите.