2017-03-02 51 views
1

在我的基於cordova的IOS應用程序中,我需要從base64源顯示一個圖像,但它沒有渲染任何東西。base64圖像源在Cordova上不工作IOS

<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

回答

0

目前只有一個顯示在iOS的圖像使用Base64方式format.You可以使用cordova-camera-plugin來生成base64圖像並將其放在img標籤上。我已經設置了標誌以在jpeg中獲取數據,在相機插件中使用base64。

IMG ID = 「cardImg」

變種imgdata =數據:圖像/ JPEG; BASE64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 // 8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg ==

cardImg.src = imgdata;

+0

這兩種情況我們只是在src對面? –

+0

考慮您的img標籤的id是「cardImg」,我們在其中添加imgdata,這是一個base64字符串 – taranjeetsapra

+0

嗨, 我已經嘗試了相同的,但一個差異,而不是從相機獲取base64我從其他來源獲取它。 –

相關問題