Question

我已将白名单列入白名单，同时在config.xml中添加了<access origin="*" />，但图片未显示在混合应用中。它显示在浏览器中但未在应用程序中显示。

我到处搜索并尝试了所提到的一切，但它无法正常工作。但是，本地图像显示正常。

<img width="35" height="30" id="profile-pics" class="profile img-circle" name="profile-pics" src="http://www.example.com/img/53_20160713104002.png">

config.xml中

<access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-navigation href="http://www.test.com/*" />
    <allow-navigation href="http://www.example.com/*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>

Answer 1

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *; img-src * filesystem: data:">

它解决了这个问题。刚加入头部。

Answer 2

我有确切的问题，但即使将元标记添加到头部，由于CORS dom错误18，图像也无法加载。我发现此链接https://github.com/niklasvh/html2canvas/pull/374导致我尝试添加字符串到图像源的末尾，以防止图像的缓存，它的工作！

var src = 'https://example.com/images/test.jpg'; 
img.src = src  + this.createRequestString() + "?request=" + (new Date().getTime()) + (Math.random() * 50000);

远程图像未装入cordova

2 个答案: