base64の画像ソースがCordova IOSで動作していない

Question

私のコードベースのIOSアプリケーションでは、base64ソースから1つの画像を表示する必要がありますが、何も描画していません。

<img id="cardImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/> 

上記の単純な<img>

は私のコルドバのアプリケーションで正常にブラウザ経由ではなく働いています。

これは私の<meta> tagリスト

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta http-equiv="Content-Security-Policy" content="img-src 'self' data:"> 
    <meta content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes" name="viewport"> 
    <meta http-equiv="Content-Security-Policy" content="default-src * gap://ready file:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 

コルドバのバージョンである6.5およびIOSのバージョン：10.2.1

Answer 1

ありのiOSに画像を表示する唯一の方法は、base64を使用しているformat.You cordova-camera-pluginを使用してbase64イメージを生成し、imgタグを置くことができます。jpeg、カメラプラグインのbase64でデータを取得するフラグを設定しました。

IMGのID = "cardImg"

するvar imgdata =データ：画像/ JPEG、BASE64、iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 // 8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg ==

cardImg.src = imgdata。