ngCordova相机ImageURI在拍摄后显示破碎的图像

Question

我试图调用相机，并获取拍摄的路径，以将其发送到我的FTP。

当我使用chrome://inspect时会出错，比如

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

我已经成功地启动了相机并拍摄了这张照片，但我得到的是破碎的图像。

以下是我在获取拍摄照片的图像路径之前的代码。

.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
        });

    };

  });

在我的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

问题就在这条线上

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

应该是这样的

$scope.image =  imageURI;