ngCordova Camera 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;

ngCordova Camera ImageURI 在拍照后显示损坏的图像

ngCordova Camera ImageURI showing broken image after taking the picture

camera

filepath

ionic-framework

ngcordova