readAsDataURL de readAsBinaryString?

Question

Quiero guardar una imagen como binario para los usuarios localhost para futura referencia, a continuación, en una fecha posterior, generar un DataURL de este binario, el problema es, que no está funcionando.

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

Esto puede parecer un poco peverse, pero los datos de imagen está siendo puesto en localStorage, a continuación, en una fecha posterior (tal vez un minuto, tal vez a la semana) Quiero ser capaz de generar una imagen de ella.

Algunas ideas? Gracias!

Answer 1

Probablemente sería más fácil de simplemente leerlo como una dirección URL de datos, y guardar eso en localStorage. Sin embargo, si realmente necesita los datos binarios, entonces se podría simplemente guardar por separado. Entonces, cuando se necesita para generar la imagen, simplemente hacer algo como:

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