使用phonegap / jquery for android显示来自外部URL的图像

Question

I am trying to display an image from external url like below using phonegap/jquery for android app but getting application error as "connection to the server was unsuccessful"

img src="http://www.techinasia.com/techinasia/wp-content/uploads/2009/12/Search.jpg"

Please anyone help on this.

Answer 1

When you're generating the whitelist links, make sure there's no slash "/" at the end of the url.

<access origin="http://google.com" /> <!--  this works -->
<access origin="http://google.com/" /> <!-- this doesn't -->

In my case I was getting the question marks because of this, hope this could be helpful for someone else in the future

Answer 2

You need to put the external website on the whitelist. See how to here: http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html

Answer 3

另一个可能的问题是您没有将图像源的URL（域）放入phonegap.plist文件中。

Answer 4

只需使用任何图像压缩器剪切图像的大小，并仅使用.jpg图像。

Answer 5

尝试这个

<a href="#"><img src="http://www.techinasia.com/techinasia/wp-content/uploads/2009/12/Search.jpg"  data-rel="external"/></a>

Answer 6

In the onCreate method of the class that extends DroidGap you'll want to increase the timeout of loading the HTML file so you can get the remote image. Add...

super.setIntegerProperty("loadUrlTimeoutValue", 60000);

to your onCreate method.