Save base64 string as image using phonegap?

Question

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.

Answer 1

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.

Answer 2

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.

Answer 3

你可能想查看这篇文章 ，它将dataUrl是base64保存到android文件系统上的png图像

Answer 4

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