How to load local image in Android WebView

Question

I'm trying to load a html string stored in the database which contain a image into a WebView. The image is stored in the internal memory. I am giving a reference to the html string.But it doesn't work. Any help?

String content="<p>Can we have a rotational" +
    " symmetry of order more than 1 whose angle of rotation is&nbsp;</p>\n" +
    "\n <p>(i)&nbsp;<img alt=\"45\\degree\" src=\"file:///storage/emulated/01484890695248.jpg\" /></p>\n" +
    "\n<p>(ii)&nbsp;<img alt=\"35\\degree\" src=\"file:///storage/emulated/01484890697301.jpg\" /></p>";

WebView00.loadDataWithBaseURL("", content, "text/html","UTF-8", "");
WebView00.getSettings();

did you add read permission? and also run time permission for API>23 — Manohar, Feb 16 '17 at 06:14
check this http://stackoverflow.com/questions/4543349/load-local-html-in-webview?rq=1 — user3040153, Feb 16 '17 at 06:15
this might help you https://stackoverflow.com/a/65563997/3886504 — shobhan, Jan 04 '21 at 14:07

score 21 · Accepted Answer · answered Feb 16 '17 at 06:20

21

Try like this

String base = Environment.getExternalStorageDirectory().getAbsolutePath().toString();
String imagePath = "file://"+ base + "/image_name.jpg";
String html = "<html><head></head><body> <img src=\""+ imagePath + "\"> </body></html>";
webView.loadDataWithBaseURL("", html, "text/html","utf-8", "");

answered Feb 16 '17 at 06:20

Charuක

12,953
5
50
88

Thanks a lot. Lost 3 hours searching the internet. – Bera Feb 16 '17 at 06:25
Sorry. Didn't know the feature.. :( – Bera Feb 16 '17 at 06:37
how did you define `webView`? – ekkis Feb 24 '20 at 00:43
This doesn't work anymore for Android 11 storage policy. – tm1701 Jan 28 '22 at 19:44

score 3 · Answer 2 · answered Feb 16 '17 at 06:19

3

Put the images in your assets folder. Then use the corresponding prefix

file:///android_asset/

answered Feb 16 '17 at 06:19

Diego Torres Milano

65,697
9
111
134

score 1 · Answer 3 · answered Jan 04 '21 at 14:04

In latest android versions we cant access resources such as assets , files from storage. https://developer.android.com/reference/androidx/webkit/WebViewAssetLoader is best guide to proceed. WebViewAssetLoader and its internal classes helps to access them.

you can check the below sample code.

    final WebViewAssetLoader assetLoader = new WebViewAssetLoader.Builder()
            .addPathHandler("/assets/", new WebViewAssetLoader.AssetsPathHandler(this)) //****for assets****
            .addPathHandler("/images/", new WebViewAssetLoader.InternalStoragePathHandler(context, getFilesDir()))//****for files****
            .build();

    webView.setWebViewClient(new WebViewClient() {
        @Override
        public WebResourceResponse shouldInterceptRequest(WebView view,
                                                          WebResourceRequest request) {
            return assetLoader.shouldInterceptRequest(request.getUrl());
        }
    });

    String assetsPic = "<img width='42px' height='58px' src='https://appassets.androidplatform.net/assets/pic.png'/>";
    String storagePic = "<img width='42px' height='58px' src='https://appassets.androidplatform.net/images/pic.jpg'/>";
    webView.loadData(assetsPic+"<br>"+storagePic, "text/html", "UTF-8");

score 0 · Answer 4 · answered Feb 16 '17 at 06:46

0

The problem was in the file path

file:///storage/emulated/01484890695248.jpg

would be

file:///storage/emulated/0/01484890695248.jpg

Thanks @Charuක for the help..

answered Feb 16 '17 at 06:46

Bera

145
1
2
11

How to load local image in Android WebView

4 Answers4

Linked