来自 readAsBinaryString 的 readAsDataURL？

Posted 2023-03-07

【中文标题】来自 readAsBinaryString 的 readAsDataURL？

【英文标题】：readAsDataURL from readAsBinaryString?

【发布时间】：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);

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

有什么想法吗？谢谢！

【参考方案1】：

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

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