解码base64图像并上传

Question

我有一个webapp，它将图像保存在本地，直到准备好将其发送到服务器为止。 当我将图像保存在本地时，我对它们进行了base64编码。 现在，我想用这些图像上传文件。

因此，我需要将图像转换回二进制形式。 我试过使用FileReader像这样将其转换回原位，

var fr = new FileReader();
fr.onloadend = function(binaryImage){
    debugger;
    binaryImage;
};
var base64Str = item.base64Image.substr(item.base64Image.indexOf("base64") + 7);
//var base64Str = item.base64Image;
fr.readAsBinaryString(base64Str);

但是onloadend事件不会触发，也没有错误。 一旦获得图像，就可以轻松上传图像。 有任何想法吗？

谢谢！

Answer 1

不熟悉FileReader，但我相信readAsBinaryString期望使用Blob或File对象。 将字符串传递给我会导致错误。 尝试这个：

var fr = new FileReader();
fr.onloadend = function(binaryImage){
    debugger;
    binaryImage;
};
var blob = new Blob([item.base64Image.
                          substr(item.base64Image.indexOf("base64") + 7)]);
fr.readAsBinaryString(blob);

我认为这不会给你想要的。 查阅本文，了解编码/解码Base64的方法： 如何使用Javascript编码为Base64？

看起来您可以将btoa（）和atob（）用于Web工具包浏览器。