readAsDataURL从readAsBinaryString？

Question

我要保存的图像作为二进制到本地主机以供将来参考的用户，然后在以后的日子，从生成该二进制一个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);

这似乎有点peverse，但图像数据被放在本地存储，然后在以后的日子（也许一分钟，也许一个星期），我希望能够从它生成的图像。

任何想法？谢谢！

Answer 1

它可能是最简单的，只是看它作为一个传输数据的URL，并保存到localStorage的。但是，如果你真的需要二进制数据，那么你可以只保存它们分开。然后，当你需要生成图像，只是这样做：

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