How can I use with a local image on Android?

Question

Using <img> with the src, a local file works fine on a PC. But on Android 7 it doesn't get displayed; instead a no photo icon is displayed. How can I solve this?

<img src="photo.png">

(The photo.png is placed in the same folder as the .html file.)

Look here: https://stackoverflow.com/questions/4027701/loading-existing-html-file-with-android-webview — A. Abramov, Mar 26 '20 at 14:38

score 0 · Answer 1 · edited Jun 02 '21 at 00:46

0

You have to declare the path of the photo:

<img sc = " xxxpathxxx/"photo.png">

Else, make a separate image folder and call it.

edited Jun 02 '21 at 00:46

Peter Mortensen

30,738
21
105
131

answered Mar 26 '20 at 14:46

Junaid Sheik

9
8

score 0 · Answer 2 · edited Jun 02 '21 at 00:57

The issue with this is how Webview works with local files. File paths aren't the same as your PC Google Chrome paths where you can drag an HTML file to the browser and have it be loaded in a certain path, and because of that photo.png doesn't direct anywhere.

Instead, you need to use the file:// schema to access local files. Regardless of whether photo.png is local or an Internet resource, you'll need to use photo.png's absolute path, e.g.:

http://localhost/path/to/photo.png
http://www.mywebsite.com/path/to/photo.png
file://data/local/tmp/photo.png

How can I use with a local image on Android?

2 Answers2