Readadataurl da readaSbinaryString?

Question

Quero salvar uma imagem como binária ao Usuário Localhost para referência futura e, em uma data posterior, gerar um Dateurl a partir desse problema binário é que não 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);

Isso pode parecer um pouco peverso, mas os dados da imagem estão sendo colocados no LocalSorage e depois em uma data posterior (talvez um minuto, talvez uma semana), quero poder gerar uma imagem a partir dela.

Alguma ideia? Obrigado!

Answer 1

Provavelmente seria mais fácil lê -lo como um URL de dados e salvá -lo no localStorage. No entanto, se você realmente precisar dos dados binários, poderá salvá -los separadamente. Então, quando você precisar gerar a imagem, basta fazer algo como:

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