2017-03-02 72 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我从其他来源获取它。 –