Carregando imagem src usando uma variável que contém dados base64 no AngularJS
base64
dados no AngularJSEstou tentando encontrar o caminho certo para carregar uma fonte de imagem de uma variável que contémbase64
dados de imagem codificados (por exemplo, extraídos de uma tela usandotoDataURL();
)
No começo eu apenas tentei assim:
<img src="{{image.dataURL}}" />
onde a imagem é uma variável de escopo com uma variáveldataURL
contendo obase64
dados. Na verdade, está funcionando muito bem, o único problema é que recebo uma404
erro no meu console. Algo assim:
PEGUEhttp://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 não encontrado)
Não é tão bonito. Quando tentei uma solução de estilo mais angular como esta:
<img data-ng-src="image.dataURL" />
as imagens não estão carregando. Eu fiz um violino que você pode encontrarAQUI
Alguma sugestão de como se livrar desse erro no meu console?
EDITAR:Gruff Bunny estava certo. este<img data-ng-src="{{image.dataURL}}" />
está funcionando...
Solução de trabalho pode ser encontradaAQUI