Loading package html + resources into webview

Question

I would like to know how I can display a HTML page in webview with references to relative/local images. The goal is to have the html page and all linked images contained in the android application package itself.

Where would I need to place the assets (assets directory?) and how do I reference these so they load into the webview?

Thanx! Sven

score 28 · Answer 1 · answered Jan 28 '11 at 08:28

28

You can put all html and images to assets directory, like:

assets\html\
  index.html
  image1.png
  image2.jpg

All references to the images in the html file should be in form of file:// url

<html>
<body>
  <img src="file:///android_asset/html/image1.png">
  <img src="file:///android_asset/html/image2.jpg">
</body>
</html>

After all, just load this HTML to WebView as usual:

   webView.loadUrl("file:///android_asset/html/index.html");

answered Jan 28 '11 at 08:28

uaraven

1,097
10
16

3

I tried using `` instead of `` and it works too. – Pang Oct 10 '12 at 11:34
@Pang it works because `image1.png` the url is relative to the `index.html`. In some case, it won't work. – Loïc Faure-Lacroix Apr 06 '13 at 21:46

Loading package html + resources into webview

1 Answers1