Create image file in nodeJs from blob

Question

I am receiving BLOB data on nodeJs server which is converted from PNG image.

I need to create again png image on nodeJs server to be able to show it on pdf document.

I had tried to use FileSaver on nodeJs but it is not working. FileSaver works well on reactJs app.

How can I save a new file to the local directory on the server?

There is a lot question pointing on problems with creating an image file form blob but I was unable to use base64encode, so other questions were not helpful.

Possible duplicate of NodeJS: Saving a base64-encoded image to disk — Jit Dhar
– Jit Dhar, Commented Aug 6, 2018 at 14:23

Stevan Tosic · Accepted Answer · 2018-08-07 07:01:23Z

16

In BLOB data of png image file there is buffer property.

So I used this solution to create image.

var imageBuffer = request.file.buffer;
var imageName = 'public/images/map.png';

fs.createWriteStream(imageName).write(imageBuffer);

This has solved my problem.

answered Aug 7, 2018 at 7:01

Stevan Tosic

7,31714 gold badges65 silver badges121 bronze badges

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

1 Comment

Phil Over a year ago

Apparently property 'buffer' does not exist on type 'Blob'

Jit Dhar · Accepted Answer · 2018-08-06 14:22:06Z

5

var base64Data = req.body.image.replace(/^data:image\/png;base64,/, "");

require("fs").writeFile("out.png", base64Data, 'base64', function(err) {
  console.log(err);
});

Try this one here image is the name on which data is coming.

answered Aug 6, 2018 at 14:22

Jit Dhar

19210 bronze badges

Collectives™ on Stack Overflow

Create image file in nodeJs from blob

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related