ngCordova Kamera ImageURI zeigt gebrochenes Bild nach der Aufnahme

Question

Ich versuche, die Kamera aufzurufen und den Pfad des aufgenommenen Bildes zu erhalten, um es an mein FTP zu senden.

Ich erhalte Fehler, wenn ich chrome://inspect verwenden wie

GET data:image/png;base64,file:///storage/sdcard0/Android/data/com.ionicframework.camera108827/cache/1462163674353.png net::ERR_INVALID_URL 

Ich habe die Kamera erfolgreich aufgerufen und das Bild aufgenommen, aber ich bin das gebrochene Bild zu bekommen.

Hier ist mein Code für den Bildpfad meines aufgenommenen Bildes.

.controller('mycontroller',function($scope,$cordovaCamera){ 

    $scope.takePicture = function(){ 

    var options = { 
      quality : 75, 
      destinationType: Camera.DestinationType.FILE_URI, 
      sourceType: Camera.PictureSourceType.CAMERA, 
      allowEdit : false, 
      encodingType: Camera.EncodingType.PNG, 
      targetWidth: 250, 
      targetHeight: 250, 
      popoverOptions: CameraPopoverOptions, 
      saveToPhotoAlbum: false 
     }; 

     $cordovaCamera.getPicture(options).then(function(imageURI) { 
      //$scope.image = "data:image/jpeg;base64," + imageData; 
      console.log('invokeing cordovaCamera'); 
      $scope.image = "data:image/png;base64," + imageURI; 
      console.log($scope.image); 
      console.log(imageURI); 

      //$scope.apply(); 
     }, function(err) { 
      // An error occured. Show a message to the user 
     }); 

    }; 

    }); 

in meiner index.html

<ion-content ng-controller="mycontroller"> 
     <img ng-show="image !== undefined" ng-src="{{image}}"> 
     <img ng-show="image === undefined" ng-src="http://placehold.it/250x250"> 
     <button class="button" ng-click="takePicture()">Take Picture</button> 
     </ion-content> 

Answer 1

Das Problem an der dieser Linie ist

$scope.image = "data:image/png;base64," + imageURI; 

es so

$scope.image = imageURI; 

sein sollte