Local files are innaccessible from an external url using PhoneGap on Android

Question

<img src="file:///android_asset/www/images/image.png" style="border: black dashed 2px"/>

This line of code works as expected on a local html file.

However when you open an external url inside the app. (For example http://www.example.com/mobile/) The same line of code doesn't show an image.

To be clear, I am trying to access local files from an external url, because there are some JS files that are huge and It will be a waste of bandwidth to download them externally.

I need something similar. After loading an external page, I need to return to the local `index.html`. No luck so far. — ThinkingStiff, Jul 04 '12 at 22:00

score 1 · Accepted Answer · answered Jun 06 '12 at 13:55

1

The remote site will never be able to load an image from the file:// protocol.

answered Jun 06 '12 at 13:55

Simon MacDonald

23,253
5
58
74

why? - Is there a specification that enforce this? – Kaan Soral Jun 17 '12 at 23:31
I don't know about a specification but that is what webkit decided. It kinda a good idea when you think about it though. – Simon MacDonald Jun 18 '12 at 15:01

score 1 · Answer 2 · answered Sep 25 '12 at 10:03

As @simon said u wont be able to load local assests on external url.. At best u can use loadDataWithBaseURL which will load your html with imgs/css/js from local assets folders something like this

webView.loadDataWithBaseURL("file:///android_res/raw/", html, 
                        "text/html", "UTF-8", null);

Local files are innaccessible from an external url using PhoneGap on Android

2 Answers2

Linked