save base64 image from javascript

Question

I have a variable in JavaScript name as myImage which holds the base64 encoded string of an image like data:image/png;base64,iVBORw0KGgoAAAANSUhE...... Now I want to save this image on folder at server side. Please Help

Thanks in Advance

Possible duplicate from stackoverflow.com/questions/11511511/… — user1193035
– user1193035, Commented May 17, 2013 at 4:32

Zachrip · Accepted Answer · 2013-05-17 04:37:08Z

4

You need to work on asking questions a little better, but I will try to give you a basic explanation.

Step one: Pass the base64 string to the server.

Step two: Strip the first parts and last parts.

Step three: base64_decode the string.

Step four: file_put_contents the result of that.

Of course this is very basic, but there are already answers out there for this, and I was able to find even more with a google search.

answered May 17, 2013 at 4:37

Zachrip

3,4221 gold badge21 silver badges32 bronze badges

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

Comments

PDHide · Accepted Answer · 2020-02-05 13:23:45Z

2

The below code does the trick:

Here you are just writing the data to a file and saving it in the write format

var data = image.replace(/^data:image\/\w+;base64,/, "");
    var buf = new Buffer(data, 'base64');
    fs.writeFile('image.png', buf,function(err, result) {
      if(err){console.log('error', err);}
    });

The resulting image will be stored as image.png at the current directory

answered Feb 5, 2020 at 13:23

PDHide

20.1k2 gold badges43 silver badges57 bronze badges

Collectives™ on Stack Overflow

save base64 image from javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related