How to convert data binary into image in reactjs?

Question

I\'m already trying this, but it still not working for me how to convert the binary data to image in reactjs

here my code

        return axios.post(`${API_         


        

Answer 1

You can do this:

<img src={`data:image/*;base64,${props.generated}`} alt="generated motif" />

But you must ensure response from your API is something that can be decoded.

See PHP's base64_encode() and this Stackoverflow answer.