在我的基于 Cordova 的 IOS 应用程序中,我需要显示来自 Base64 源的一张图像,但它没有渲染任何内容。
<img id="cardImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>
上面简单<img>
在浏览器上工作正常,但在我的 cordova 应用程序中却不行。
这是我的<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'">
Cordova version : 6.5 and IOS Version: 10.2.1
最佳答案
您需要将图像源指令更改为:
img-src 'self' data:;
附加到同一元标记
<meta http-equiv="Content-Security-Policy" content="default-src * gap://ready file:; style-src 'self' 'unsafe-inline'; ***img-src 'self' data:;*** script-src 'self' 'unsafe-inline' 'unsafe-eval'">
关于javascript - Base64 图像源无法在 Cordova IOS 上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42553174/