javascript - Base64 图像源无法在 Cordova IOS 上运行

Question

在我的基于 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

Answer 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'">