Thursday, April 3, 2014

How to capture a photo from camera and copy it in to a local cache in a PhoneGap/Cordova Application

Following code illustrate how to capture a photo from camera and copy it in to a local cache and then use the copied file in the app. Methods from both Phonegap Camera API and File API are used. Variable ‘root’ referred to the Application root folder and how to get the app root prefer the previous post.


function capturePhoto() {, onFail, { quality: 100, destinationType: Camera.DestinationType.FILE_URI,correctOrientation: true, saveToPhotoAlbum: false });
//getting picture from camera succeeded          
function onPhotoURISuccess(imageURI) {
 //getting picture from camera failed                     
function onFail(message) {
                console.log("Failed to load picture because: "+message);
//get the image file           
function createFileEntry(imageURI) {
                window.resolveLocalFileSystemURI(imageURI, copyPhoto, fail);
//copy image in the cache  
function copyPhoto(fileEntry) {
                var d = new Date();
                var n = d.getTime();
                //new file name with unique name
                var newFileName = n + ".jpg";
                root.getDirectory("ImageCache", {create: true, exclusive: false}, function(dir) {
                                  fileEntry.copyTo(dir, newFileName, onCopySuccess, fail);
                                  }, fail);
//copying image succeeded
function onCopySuccess(entry) {
                 var image = document.getElementById('myImage');
     image.src = entry.fullPath;                
//copying image failed           
function fail(error) {

No comments:

Post a Comment