angularjs image base64 show error "Failed to load resource"

Question

if I used this code, it generates error "Failed to load resource", although the image renders correctly.

<img src="data:image/png;base64, {{image|| 'R0lGODlhAQABAIAAAP7//wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='}}">

I use the directive ngCloak and ngBind but still showing the error.

Langdon · Accepted Answer · 2013-09-27 13:51:42Z

6

You most likely need to use ngSrc so that the src attribute doesn't render before Angular can interpolate the expression.

answered Sep 27, 2013 at 13:51

Langdon

20.1k18 gold badges90 silver badges108 bronze badges

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

2 Comments

AURIGADL Over a year ago

Using Angular markup like {{hash}} in a src attribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}} until Angular replaces the expression inside {{hash}}. The ngSrc directive solves this problem.

Langdon Over a year ago

Sweet, happy to help. You should consider accepting the answer if it has helped you. Cheers!

Collectives™ on Stack Overflow

angularjs image base64 show error "Failed to load resource"

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related