CODEWITHSUNDEEP
javascriptandroidjquerycordova
vijar
vijar

Reputation: 781

Save base64 string as image using phonegap?

I am getting a base64 string from the server for a png file and i would like to save this image on the file system. It looks like phonegap filewriter only supports binary. Does anyone know how i can convert this base64 string to use in phonegap. I was looking at window.atob and window.btoa but couldnt make sense of things.

Upvotes: 4

Views: 6018

Answers (3)

codsimba
codsimba

Reputation: 67

Just found a good plugin to save BASE64 into filesystem.

Phonegap Image Resizer 

window.imageResizer.storeImage(
  function(json) { 
    console.log('Saved to ' + json.url) 
  }, function (error) {
    console.log("Error : \r\n" + error);
  }, imageDataInBase64);

More detail see the comment imageresize.js

Upvotes: 0

Suhas Gosavi
Suhas Gosavi

Reputation: 2180

You can not use the PhoneGap FileWriter to write binary data. You'd need to write a plugin to send your base64 encoded data to the native side, encode it into binary then write it using native code.

Check out the plugins info at: HERE also take a look at the phonegap source code to see how we do the file writer and you can add some code to do the base64 decode before writing.

Upvotes: 2

gkr
gkr

Reputation: 469

As far as I know, phonegap don't provide a way to save an image to the filesystem. You need a phonegap plugin to do that.
Canvas2Image nearly do what you want. It take a canvas id, extract a base64 string from the canvas and save it as an image. You can slightly alter the javascript part of the plugins to accept a base64 string instead of a canvas id.

Upvotes: 0

Related Questions