Currently working on a mobile app utilizing Ionic, Cordova, and Angular. I am facing a challenge in retrieving an image file by its path to send it to the server.
For reference, I am following this example () to capture and store images in the app folder.
What I have is the name and path of the image, and my goal is to retrieve the image object so that I can convert it into base64 format for transmission to the server.
Any suggestions or ideas would be greatly appreciated.
UPDATE:
`window.resolveLocalFileSystemURL($scope.user.image, onSuccess, onError);
function onSuccess(entry) {
/* Example structure of 'entry' object:
"isFile": true,
"isDirectory": false,
"name": "myImgName1234",
"fullPath": "/myImgName1234",
"filesystem": "FileSystem:files>",
"nativeURL": "file:///data/data/com.example.DemoApp/files/myImgName1234"
*/
$cordovaFile.readAsDataURL(cordova.file.dataDirectory, entry.name)
// Attempts made:
// $cordovaFile.readAsDataURL(entry.nativeURL, entry.name)
// $cordovaFile.readAsDataURL(entry.fullPath, entry.name)
.then(function (success) {
// Success
window.alert('Successfully read= '+ JSON.stringify(success));
}, function (error) {
// Error
window.alert('Error while reading= '+ JSON.stringify(error));
});
}
function onError(error){
window.alert('Error: ' + JSON.stringify(error));
}`
Various tries resulting in errors:
Error code: 5 - $cordovaFile.readAsDataURL(cordova.file.dataDirectory, entry.name)
Error code: 5 - $cordovaFile.readAsDataURL(entry.nativeURL, entry.name)
Error code: 1000 - $cordovaFile.readAsDataURL(entry.fullPath, entry.name)
Error code: 1 - $cordovaFile.readAsDataURL(entry.name)
Looking for a method through Cordova to directly obtain the binary image Object when provided with the image path, rather than just obtaining the image properties object (fileEntry).