base64を使用してカメラから撮影した画像（Ionic/Cordova）を表示

Question

私はイオンフレームワークを使用していますが、少し問題があります。 「アップロード」というボタンがあります。クリックすると、「$ cordovaCamera」を使って写真を撮ります。私はbase64文字列として画像を受け取っています。次に、base64文字列（imageData）を格納する '$ scope.hold'という変数があります。

問題は、画像を撮るとすぐにポップアップする画像がぼやけていることです。私はエラーが何であるか分かりません - 私は 'options'変数に 'quality'として '100'を持っています。誰か助言してください？私はbase64ではなく、これを行うより良い方法があることを知っていますが、私は今この方法に固執しています。私のHTMLファイルで

は私が持っている：事前に

$scope.upload = function() { 
     var options = { 
      quality: 100, 
      destinationType: Camera.DestinationType.DATA_URL, 
      sourceType: Camera.PictureSourceType.PHOTOLIBRARY, 
      allowEdit: true, 
      encodingType: Camera.EncodingType.JPEG, 
      targetWidth: 100, 
      targetHeight: 100, 
      popoverOptions: CameraPopoverOptions, 
      saveToPhotoAlbum: false, 
      correctOrientation:true 
     }; 

     $cordovaCamera.getPicture(options).then(function(imageData) { 

      alert("Got it!!"); 
      $scope.hold = imageData; 


     }, function(err) { 
      alert("We have an error: " + error); 
     }); 
    }; 

ありがとう：

<img id="pic" data-ng-src="data:image/jpeg;base64,{{hold}}" width="100%" /> 

私のjavascriptのコントローラは次のようになります！

Answer 1

あなたは100の変更に品質に品質を設定し、これが働い変更

var options = { 
      quality : 75, 
      destinationType : Camera.DestinationType.DATA_URL, 
      sourceType : Camera.PictureSourceType.CAMERA, 
      allowEdit : false, //To enable/disable the user editing in camera 
      encodingType: Camera.EncodingType.JPEG, 
      targetWidth: 640, 
      targetHeight: 400, 
      popoverOptions: CameraPopoverOptions, 
      saveToPhotoAlbum: false 
     };