Error loading base64 images with Angular

Question

In my Angular app, I'm loading some images which I download from server as base64. I can see the images in the app without problem, but I have this errors in the console:

This is my code:

<img src="{{user.avatar}}">

And this is the output:

<img src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkwy0AgiVGdIQtN6rzCewfv0KPPggzRPSVGDZfCx9K ... a4rJcMX07V9C//Z">

Can anybody understand this?

your image path is incorrect! – Python Basketball Mar 21 '16 at 09:26 — Python Basketball, Mar 21 '16 at 09:26
Could you tell me why? The app shows the images... – Tana Mar 21 '16 at 09:28 — Tana, Mar 21 '16 at 09:28

score 1 · Accepted Answer · edited May 23 '17 at 11:45

1

Please follow following stackoverflow answer : Loading image src using a variable containing base64 data in AngularJS

I think you will find solution by reffering above link.

you need to use "src" as following:

<img data-ng-src="{{image.dataURL}}"/>

edited May 23 '17 at 11:45

Community

1
1

answered Mar 21 '16 at 09:30

Jainish Jariwala

308
4
14

Error loading base64 images with Angular

1 Answers1