ionic＆cordovaクロッピング画像

Question

コードバカメラプラグインで画像を撮影してhtmlで表示した後、編集（切り取り、縦横比の設定、サイズ変更）するかどうかをユーザーに選択させたいそれをそのままアップロードしてください。

これを行う方法はありますか？

HTML

<ion-header-bar class="bar-assertive"> 
    <h1 class="title">Photos</h1> 
</ion-header-bar> 
<ion-content ng-controller="ImgCtrl" padding="true"> 
    <button class="button button-full button-assertive" ng-click="takePhoto()"> Take Photo </button>  
    <img ng-show="imgURI !== undefined" ng-src="{{imgURI}}" style="text-align: center"> 
</ion-content> 

Javascriptを

$scope.takePhoto = function() {                   
    var options = {                     
     quality: 75, 
      destinationType: Camera.DestinationType.DATA_URL, 
      sourceType: Camera.PictureSourceType.CAMERA, 
      allowEdit: true, 
     encodingType: Camera.EncodingType.JPEG, 
     correctOrientation: true, 
     targetWidth: 800, 
     targetHeight: 1100, 
     popoverOptions: CameraPopoverOptions, 
     saveToPhotoAlbum: false                  
    };                       
    $cordovaCamera.getPicture(options).then(function(imageData) { 
     // Saving the image for later access 
                          
     $scope.imageURI = "data:image/jpeg;base64," + imageData; 

     $ionicLoading.show({ 
      template: 'Photo taken', 
      duration: 1000 
     }); 
                         
    }, function(err) {      
     $ionicLoading.show({ 
      template: 'Error ...', 
      duration: 900 
     });                        
    });                 
} 

Answer 1

Camera.DestinationType.FILE_URLを使用してみてください、レスポンスはURLになりますと、あなたは-SRC ngのためにURLを渡し、それを直接渡すことができます。あなたのコードでは、あなたの "imageURI"は実際には画像のbase64文字列を持つ文字列です。