无法在PhoneGap Android应用程序上显示Data-URI图像

6

解决不了这个问题!

<img width="16" height="16" src="data:image/jpg;base64,/9j/4AAQSk......pHz7in//2Q==">

这在所有浏览器中都能正常工作。然而,当我使用PhoneGap的桌面版本(ios)编译它,然后在我的Android手机(Nexus 6P V6.0.1)上使用我的PhoneGap应用程序时,图片将无法显示。

在我的iPad上可以正常工作。

我没有看到通常的“缺少图像”图标,只看到一个空白的方块。

有什么想法吗?

谢谢!


您可以检查是否存在Content-Security-Policy问题:https://github.com/apache/cordova-plugin-whitelist,http://content-security-policy.com/ - beaver
谢谢beaver,我会看一下。我也试过在画布上写,但是这样不起作用;我也尝试使用CSS中的datauri,但它也不行,但使用常规图像文件却可以。 - Ben Summerhayes
1个回答

8

已解决!99%的功劳应归于“海狸”指导我朝着正确的方向前进。

我只需要在我的index.html头部添加以下内容:

<meta http-equiv="Content-Security-Policy" content="img-src 'self' data:">

太棒了!我已经寻找这个东西很久了。 - Justin La France

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接