Преобразование строки 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) оставляет только возможность размышлять, вместо того, чтобы знать, о чем вы на самом деле говорите.

Другие вопросы по тегам