readAsDataURL de readAsBinaryString?

Question

Je veux enregistrer une image en binaire aux utilisateurs localhost pour référence, puis à une date ultérieure, générer un dataURL de ce binaire, problème, il ne fonctionne pas.

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);

Cela peut sembler un peu peverse, mais les données d'image est mis en localStorage, puis à une date ultérieure (peut-être une minute, peut-être une semaine) Je veux être en mesure de générer une image de celui-ci.

Toutes les idées? Merci!

Answer 1

Il serait probablement plus facile à lire simplement comme une URL de données et enregistrer que dans localStorage. Toutefois, si vous avez vraiment besoin les données binaires, alors vous pouvez les enregistrer séparément. Ensuite, lorsque vous avez besoin pour générer l'image, il suffit de faire quelque chose comme:

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