Can anyone tell me, or point me in the direction of how to get an image from the phone's image gallery in Phonegap / Android? There's docs on accessing the camera (which works great) but not selecting an existing image.
I'm looking for Phonegap / Javascript rather than Java.
Thanks in advance!
Erm, the Camera
docs cover this. Is this not working for you? Check out Camera.PictureSourceType
for details. The docs site givens this example for deriving an image thus:
function getPhoto(source) {
// Retrieve image file location from specified source
navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50,
destinationType: destinationType.FILE_URI,
sourceType: source });
}
sourceType
is the crucial bit here. It can be Camera.PictureSourceType.CAMERA
(the default), or more useful for you it can be Camera.PictureSourceType.PHOTOLIBRARY
or Camera.PictureSourceType.SAVEDPHOTOALBUM
.
Camera Documentation
You can also use following library: https://github.com/wymsee/cordova-imagePicker I prefer this one as it's smaller, easy to implement and does not require permission to camera.
Take a look at this post, it may help you.
Sometimes, you may face some problem with uploading an existing image. The solution is simple, per this answer. Briefly, you need to convert the native Android URI to one that the API can use:
// URL you are trying to upload from inside gallery
window.resolveLocalFileSystemURI(img.URI, function(entry) {
console.log(entry.fullPath);
}, function(evt){
console.log(evt.code);
}
);
document.addEventListener("deviceready",function(){
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem){
var sdcard = fileSystem.root;
sdcard.getDirectory('dcim/camera',{create:false}, function(dcim){
var directoryReader = dcim.createReader();
directoryReader.readEntries(function(entries){
for (var i=0; i<entries.length; i++) {
entries[i].file(function(f){
var reader = new FileReader();
reader.onloadend = function (evt) {
var url= evt.target.result;//base64 data uri
console.log(url)
reader.abort();
};
reader.readAsDataURL(f);
},function(error){
console("Unable to retrieve file properties: " + error.code);
});
}
},function(e){
console.log(e.code);
});
}, function(error){
console.log(error.code);
});
}, function(evt){ // error get file system
console.log(evt.target.error.code);
});
} , true);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With