readAsDataURL de readAsBinaryString?

Question

Je veux enregistrer une image en tant que binaire pour les utilisateurs localhost pour référence future, puis à une date ultérieure, générer un dataurl à partir de ce binaire, le problème est, 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 mise 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.

Des idées? Merci!

Answer 1

Il serait probablement plus facile de simplement le lire comme une URL de données et de l'enregistrer dans localStorage. Cependant, si vous avez vraiment besoin des données binaires, vous pouvez simplement les sauvegarder séparément. Ensuite, lorsque vous avez besoin de générer l'image, faites juste quelque chose comme:

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