2016-11-14 66 views
1

我已列入白名單url也在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> 
+0

它是不顯示在iOS,Android或兩者?如果是iOS,它可能是[應用程序傳輸安全問題。](http://stackoverflow.com/questions/30731785/how-do-i-load-an-http-url-with-app-transport-security- enabled-in-ios-9) – Adam

+0

你是否缺少插件'cordova-plugin-whitelist'? – Akis

+0

這突然發生在我身上。任何想法爲什麼它以前工作,沒有任何代碼更改? –

回答

6
<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:"> 

它固定的問題。剛剛添加在頭部分。

+0

這也解決了我的問題!非常感謝。 – user1012181

0

我有確切的問題,但即使將元標記添加到頭部,圖像也不會由於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);