title: Cordova camera plugin: Photo is not displayed when taking a picture
body: <p>I'm using the Cordova camera plugin and i have encountered a problem.</p>
  
  <p>When using :
  <code>sourceType: Camera.PictureSourceType.PHOTOLIBRARY</code> I get a this url: <code>content://media/external/images/media/1517</code></p>
  
  <p>When using this url on <code>&lt;img ng-src="{{image}}" alt="Description"/&gt;</code>
  everything works great</p>
  
  <p>But when removing the <code>sourceType</code> and taking a picture with the phone the returned URI is something like this:
  <code>file:///storage/emulated/0/Android/data/com.ionicframework.myapp/cache/1454450218633.jpg</code></p>
  
  <p>And when this URI is returning the image is not displayed.
  Any ideas? its on ionic framework and on android device.</p>
  
  <p>Some code This is for taking the picture:</p>
  
  <pre><code>   function takePhoto() {
       var defer = $q.defer();
  
       navigator.camera.getPicture(function(imageData) {
         defer.resolve(imageData);
       }, function(err) {
         defer.reject(err)
       });
  
       return defer.promise;
     }
  </code></pre>
  
  <p>This method is being called from:</p>
  
  <pre><code>$scope.getImage = function() {
    cameraService.takePhoto().then(function(imageData){
      console.log(imageData);
      $scope.image = imageData;
    }).catch(function(err){
      console.log(err);
    })
  }
  </code></pre>
  
  <p>and the provider whitelist:</p>
  
  <pre><code>$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|file|blob|cdvfile|content):|data:image\//);
  </code></pre>
  
  <p>UPDATE: </p>
  
  <p>I was able to get it done by using <code>Camera.DestinationType.DATA_URL</code>
  But isn't it possible to only take the file url and display the image?
  Again it is working when selecting the photo from library but not when taking new one. </p>