readAsBinaryStringのreadAsDataURL？

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に見えるかもしれないが、画像データはのlocalStorageに置かれている、そして、後日（多分多分分、週）で、私はそれから画像を生成することができるようにしたいです。

アイデア？ありがとう！

Answer 1

データURLとして読み取ってlocalStorageに保存するのが最も簡単な方法でしょう。しかし、バイナリデータが本当に必要な場合は、別々に保存するだけです。次に、画像を生成する必要がある場合は、次のようにします。

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