将画布的内容发送到 Java 服务器并将其保存为图像

Question

好的，基本上我已经开发了一个简单的图像上传系统。用户选择本地图像（使用 HTML5 File / FileReader API），并能够在确认结果之前对其进行裁剪。

最终结果在画布中查看，以便将其发送到我使用 toDataURL 的服务器。后端服务器是一个 NodeJS 服务器，然后需要对 Java 服务器进行 REST 调用，该服务器将从数据创建图像文件并将其保存到磁盘。

toDataURL 的结果格式为：data:image/png;base64, ENCODED DATA。

Java 服务器上需要什么才能将字符串转换为正确的二进制表示形式？

Answer 1

您需要删除 data:image/png;base64, 部分和 Base 64 解码 其余部分。

Answer 2

import java.awt.image.BufferedImage;
import java.io.ByteArrayInputStream;
import java.io.File;
import javax.imageio.ImageIO;
import javax.xml.bind.DatatypeConverter;

public class test {
    public static void main (String[] args){
     try{
            // remove data:image/png;base64, and then take rest sting
            String img64 = "64 base image data here";
        byte[] decodedBytes = DatatypeConverter.parseBase64Binary(img64 );
        BufferedImage bfi = ImageIO.read(new ByteArrayInputStream(decodedBytes));    
        File outputfile = new File("saved.png");
        ImageIO.write(bfi , "png", outputfile);
        bfi.flush();
     }catch(Exception e)
         {  
          //Implement exception code    
     }

    }
}

Answer 3

对字符串进行 Base64 解码后，您将获得 PNG 文件形式的二进制图像。有关如何将 base64 字符串解码为字节的详细信息，请参阅这个问题。

Answer 4

如果你的base64Image有空格字符，你必须用+替换空格，那么你必须从base64Image的开头删除data:image/png;base64。除非替换空格字符，否则无法获得正确的图像。那么你可以使用 Base64 解码

yourBase64String = yourBase64String.replace(' ', '+');

yourBase64String = yourBase64String.substring(22);