How to send an image to the frontend in React, which is placed in the new Buffer object?

Question

Node.js

In express it was done like this:

res
      .set('Content-Type', 'image/jpeg')
      .send(imageBuffer);

Answer 1

If you want to insert an image directly into the html - https://www.npmjs.com/package/datauri#from-a-buffer :

const datauri = new Datauri()
datauri.format('.png', imageBuffer)
console.log(datauri.content) //=> "data:image/png;base64,eGtjZA=="

Well, in other cases: insert the url of your image into img.src and send it by express.