イオン性コードでAndroidの

Question

のIonic cordova-plugin-camera大きな問題は、画像を撮って、それを画像で表示したいです。 iOSの

$scope.takePicture = function() { 
       var options = { 
        quality: 50, 

        destinationType: Camera.DestinationType.FILE_URI, 
        sourceType: Camera.PictureSourceType.CAMERA, 
        allowEdit: false, 
        encodingType: Camera.EncodingType.JPEG, 
        targetWidth: 640, 
        targetHeight: 640, 
        mediaType: Camera.MediaType.PICTURE, 
        saveToPhotoAlbum: false, 
        correctOrientation:true 
       }; 

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

       var image = document.getElementById('myImage'); 
       image.src = imageData; 
}) 
} 

すべてokです、そして私のアプリでは、私はAndroidの

で画像を見て、私は何も表示されません！しかし、問題なく私のサーバーに画像ファイルを送ることができるので、画像は正しく保存されます。

私が追加しよう：私のconfig.xmlの

<allow-navigation href="file:*"/> 

、と私は追加します。私のindex.htmlで

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *; img-src 'self' data: file: *"> 

を、下の画像の安全を検討する 'ファイルを'

ただし、結果は表示されません。

if (ionic.Platform.isAndroid() && (imageData.indexOf("file://") === -1)) { 
    image.src = "file://" + imageData 
} else { 
    image.src = imageData 
} 

Answer 1

これを試してみてください...、

$cordovaCamera.getPicture(options).then(function (imageData) 
{ 
    var data = imageData; 
    var image = document.getElementById('myImage'); 
    image.src = data.split('?')[0]; 
}) 

Answer 2

次のことを試してみてください

マッシモは