来自 readAsBinaryString 的 readAsDataURL？答案

【问题标题】：readAsDataURL from readAsBinaryString?来自 readAsBinaryString 的 readAsDataURL？
【发布时间】：2010-12-09 16:47:01
【问题描述】：

我想将图像作为二进制文件保存到用户 localhost 以供将来参考，然后在以后从这个二进制文件生成一个 dataurl，问题是，它不起作用。

var reader = new FileReader();
reader.onload = function(file){
 this.file = file.target.result;
}.bind(this);
reader.readAsBinaryString(asset);

var reader = new FileReader();
reader.onload = function(image){
 this.image = image.target.result;
}.bind(this);
reader.readAsDataURL(this.file);

这可能看起来有点反常，但图像数据被放入本地存储中，然后在以后（可能一分钟，可能一周）我希望能够从中生成图像。

有什么想法吗？谢谢！

【问题讨论】：

标签： javascript local-storage file-manager

【解决方案1】：

将其作为数据 URL 读取可能是最简单的，并将其保存到 localStorage。但是，如果您真的需要二进制数据，那么您可以单独保存它们。然后，当您需要生成图像时，只需执行以下操作：

var img = document.createElement("img");
img.setAttribute("src", localStorage.imageDataURL);
document.body.appendChild(img);

【讨论】：