how to convert byte array to image in Angular2

Question

I am getting byte array from api and i have applied image tag on my HTML page as <img src="data:{{model.asd_logo_type}};base64,{{model.dfgh_logo}}" alt="...">

but i am not able to get the image on display.

Please suggest what can i do.

Have you considered that your type and binary code are broken or have typo? Have you seen how img tag looks like in dev tools? — VagrantAI
– VagrantAI, Commented Feb 14, 2018 at 8:50

Sudhanshu sharma · Accepted Answer · 2018-02-14 10:23:53Z

5

you can use src directive to display image in angular

<img [src]="'data:image/jpeg;base64,'+model.dfgh_logo" />

This is how I achieved. model.dfgh_logo this should have image in byte array.

edited Feb 14, 2018 at 10:23

answered Feb 14, 2018 at 7:48

Sudhanshu sharma

1,9673 gold badges22 silver badges29 bronze badges

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

3 Comments

Sudhanshu sharma Over a year ago

please try updated answer. If this doesn't work then please let me know which value you are getting in this variable model.asd_logo_type

Raj kumar Over a year ago

in logo type i am getting "image/jpeg" and in model.dfgh_logo i am getting "blob data in buffer"

Iman Over a year ago

This worked for me. I have no idea what's up with the down votes

Collectives™ on Stack Overflow

how to convert byte array to image in Angular2

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related