Even though the documentation here seems to be effective, I encountered an issue when implementing the code into my application. The getPhoto function returns 'content://media/external/images/media/16053' without loading the image into the img element. However, it uploads to the server successfully. This problem only occurs in my application using Onsen UI.
photo.html
<img src="{{ image }}" id="uploadImage">
app.js
$scope.onPhotoDataSuccess = function(fileURI)
{
console.log(fileURI);
myNavigator.pushPage('photo.html', {animation : 'none'});
$scope.image = fileURI;
}
I attempted adding a model or var attribute to the img element but received a null response.