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

 $cordovaCamera.getPicture({
      quality: 75,
      targetWidth: 320,
      targetHeight: 320,
      saveToPhotoAlbum: false
    }).then(function(imageURI) {
        $scope.photo = 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) {
 $scope.photo = image;	
  // Success! Image is here	  
}, function(err) {
alert("err"+image);
  // An error occured. Show a message to the user
});

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