Binary to Image in Javascript

Question

I'm doing a project with Angular 8 where I need to get an image with binary format. After my request I get a lot of data with this profil:

�PNG


IHDR�P�� -sBIT|d�tEXtSoftwaregnome-screenshot��> IDATx�

(a lot more data) I want to display the image but I can't, I tried to use btoa() but the fonction return nothing, impossible to even do the log.

At the end after trying many things I have this

        let test = encodeURIComponent(result.response);
        console.log(test);
        let img = "data:image/png;base64," + btoa(test);
        vm.billData.image = img;

The image isn't showing anyway. Can someone help me ?

In my previous project, I had the same problem showing a pdf file which I get from server in the binary format you showed. It worked after sending "responseType:'blob'" in request params — Prakash Reddy Potlapadu
– Prakash Reddy Potlapadu, Commented Feb 22, 2020 at 13:34
@PrakashReddyPotlapadu write it has answer, so others can benefit from this. — Sats
– Sats, Commented Feb 22, 2020 at 14:46

Sats · Accepted Answer · 2020-02-22 15:04:14Z

2

I faced the same challenge in my previous project. I had to show a PDF file which i receive from server in the binary format. It worked After sending responseType:'blob' in request params

edited Feb 22, 2020 at 15:04

Sats

1,9711 gold badge16 silver badges21 bronze badges

answered Feb 22, 2020 at 14:58

Prakash Reddy Potlapadu

1,0111 gold badge9 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Binary to Image in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related