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
– Python Basketball

2016-03-21 09:26:14 +00:00
Commented Mar 21, 2016 at 9:26 — Python Basketball
– Python Basketball, Commented Mar 21, 2016 at 9:26
Could you tell me why? The app shows the images...

Tana
– Tana

2016-03-21 09:28:01 +00:00
Commented Mar 21, 2016 at 9:28 — Tana
– Tana, Commented Mar 21, 2016 at 9:28

Community · Accepted Answer · 2017-05-23 11:45:09Z

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, 2017 at 11:45

CommunityBot

11 silver badge

answered Mar 21, 2016 at 9:30

Jainish Jariwala

3084 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error loading base64 images with Angular

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related