Remote pages not showing image while passing gallery path like file:///


assigning image path like file:///… xyz.jpg to remote html pages but its not taking…

for the remote how can i assign path to image after taking picture …On local pages its working.

i am using below code but its working only for local html pages…how can we achieve the same thing for remote pages

      quality: 75,
      targetWidth: 320,
      targetHeight: 320,
      saveToPhotoAlbum: false
    }).then(function(imageURI) {
        $ = imageURI;
    }, function(err) {
      console.error('Unable to take pic', err);
      alert('Unable to take picture');


how can i display image to user after selecting from gallery on remote pages.

<img ng-src="{{photo}}">

  var options = { 
    quality :smile: 50, 
    destinationType : Camera.DestinationType.FILE_URL, 
    sourceType : 0, 
    allowEdit : false,
    encodingType: Camera.EncodingType.JPEG,   
    saveToPhotoAlbum: false
$cordovaCamera.getPicture(options).then(function(image) {
 $ = image;	
  // Success! Image is here	  
}, function(err) {
  // An error occured. Show a message to the user

On local pages which is exist in asset folder with them its working and