javascript - 来自 readAsBinaryString 的 readAsDataURL？

Question

我想将图像作为二进制文件保存到用户 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);

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

有任何想法吗？谢谢！

Answer 1

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

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