Extract png from a base64 image

Question

My image src is base64 data as bellow:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABd4AAAH ...." />

I want to save it as an image (like png format) by nodejs; how is it possible? I am using following code. The src is too big.and when I convert, the image is converted untill its half maybe.

var dt= "iVBORw0KGgoAAAANSUhEUgAABd4AAAH ...." 
let buff = Buffer.from(dt, 'base64');
fs.writeFileSync('./myImage.png', buff);

I can see many options to extract png from base64-encoded image on this article. Have you ever tried them? https://stackoverflow.com/questions/6926016/how-can-i-save-a-base64-encoded-image-to-disk — Steve Gerrad, Aug 17 '22 at 09:48
You need to remove the `base64,` prefix from `dt` (the actual PNG data starts with `iVBOR`). — robertklep, Aug 17 '22 at 09:52
@robertklep you are right. It was my mistake but how to deal with nodejs limitations. — Javad-M, Aug 17 '22 at 09:55
If you're running into Node.js limitations, your code will crash, it will not just write half of an image. — robertklep, Aug 17 '22 at 09:58

Javohir Abdusattorov · Answer 1 · 2022-08-17T12:23:50.283

1

You forgot to add extra parameter to write method: "encoding". And value of this parameter should be encoding you want to do, in this example "base64"

In the end, your code should look like this:

var dt= "iVBORw0KGgoAAAANSUhEUgAABd4AAAH ...." 
let buff = Buffer.from(dt, 'base64');
fs.writeFileSync('./myImage.png', buff, { encoding: "base64" });

edited Aug 17 '22 at 12:23

answered Aug 17 '22 at 12:22

Javohir Abdusattorov

26
3

score 0 · Answer 2 · edited Aug 20 '22 at 19:03

0

It's works but you should add encoding param

var dt= "iVBORw0KGgoAAAANSUhEUgAABd4AAAH ...." 
let buff = Buffer.from(dt, 'base64');
fs.writeFileSync('./myImage.png', buff, {encoding: "base64"});

encoding parameter must be entered for correctly work.

edited Aug 20 '22 at 19:03

Tyler2P

2,324
26
22
31

answered Aug 17 '22 at 11:53

Akhmadiy

1

Extract png from a base64 image

2 Answers2