0

I am trying to display avatar which is fetched from server which takes avatar from MySql db. I am receiving image from server as arrayBuffer which is saved in state.

React code

States

And server side:

Server

Popnoodles
  • 28,090
  • 2
  • 45
  • 53

1 Answers1

0

You can view with base64 encode;

function toBase64(arr) {
   return btoa(arr.reduce((data, byte) => data + String.fromCharCode(byte), ''));
}

How to use?

<img src={`data:image/png;base64,${toBase64(response.data.avatar)}`} />
Fatih Mert Doğancan
  • 1,016
  • 14
  • 21