[Question] Image outputed as a Data URI?

[cordova-plugin-camera-preview]

[Question] Image outputed as a Data URI?

[rphansen91]

In case anyone is having issues figuring out how to load the image as base64

Place this code inside of the setOnPictureTakenHandler callback and make sure the file plugin is installed https://github.com/apache/cordova-plugin-file

//LOAD THE FILE AS BASE64
var reader = new FileReader();
reader.onloadend = function (evt) {
      console.log(evt.target.result) // THIS IS THE IMAGE AS BASE64
};
reader.onerror = function (evt) {
};

//LOAD THE FILE FROM DISK
window.resolveLocalFileSystemURL(
            result[0], 
            function (fileEntry) {
                fileEntry.file(function (file) {
                    reader.readAsDataURL(file)
                })
            },
            function (err) {
            }
)

[bogomips]

I'd like a similar feature because I need to send the base64 through a webservice

[bogomips]

I thought it could be a good idea to use cordova-plugin-file plugin to read file and get base64

[mbppower]

Yes, you should use the cordova-file in order to read the picture file and them get the base64.
Please, refer to this documentation: http://docs.phonegap.com/en/edge/cordova_file_file.md.html

readAsDataURL: Read file and return data as a base64-encoded data URL.

[McGern]

Would you be able to add an example of using the file documentation please? (or point to a more recent version). I am trying to use the described example but can't work out how to load the file path in the filereader

[erperejildo]

@rphansen91 Your code didn't work to me, reader.onloadend never trigger.
I tried as well with this and doesn't work either:

readFile(fileEntry) { // picture
    fileEntry.file(function(file) {
      var reader = new FileReader();
      reader.onloadend = function() {
        console.log("Successful file read: " + this.result);
        displayFileData(fileEntry.fullPath + ": " + this.result);
      };
      reader.readAsText(file);
    }, that.onErrorReadFile);
  }

Uncaught TypeError: Object /data/data/com.drodriguez.foodApp/files/camerapreview_16_06_2016_0918_39_original.jpg has no method 'file'