Using webView's loadDataWithBaseURL not loading images from sdcard

Question

I would like to set some html content in my webview with some pictures. I've read on the internet i must use loadDataWithBaseUrl to do such a thing because i need to link the folder of images (basUrl) in order.

My html content nicely loads, i can even ran the javascripts perfectly, but for some reason my images cannot be loaded.

Somewhere i've read there are some security reasons and thats why i cant load images from sd card to webview and some says it can be easily done via loadDataWithBaseUrl, so i really dont know which one is true.

Here is my method i tried, maybe with some mistakes so dont be rude:

I got my html file here:

mnt/sdcard/com.mypackage.myproject/3/3.html

My images are here:

mnt/sdcard/com.mypackage.myproject/3/images/Cover.png

And this is my content loading:

myWebView.loadDataWithBaseURL("file:///mnt/sdcard/com.mypackage.myproject/3", myHtml, "text/html", "utf-8", "");

In my html code:

<img src="images/Cover.png" alt="Cover.png" height="820"/>

So as you see i give the baseUrl, and for some reason the webview cannot load my images.

As many said, this can be a solution:

mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setBuiltInZoomControls(true);
String base = Environment.getExternalStorageDirectory().getAbsolutePath().toString();
String imagePath = "file:/"+ base + "/test.jpg";
String html = "<html><head></head><body><img src=\""+ imagePath + "\"></body></html>";
mWebView.loadData(html, "text/html","utf-8");

BUT, i have 700 different html files and there are many images in many different places... so i cannot modify the html code.

Is there a way to link the image folder to my html files to properly use them as a baseUrl?

Have you looked http://stackoverflow.com/questions/3069822/is-it-possible-to-display-image-with-loaddatawithbaseurl-method-in-android ? — user370305, Aug 01 '12 at 07:16
possible duplicate of [Load the image saved in sdcard in webview](http://stackoverflow.com/questions/5051364/load-the-image-saved-in-sdcard-in-webview) — Praveenkumar, Aug 01 '12 at 07:18
If you gone proper through comment also then that question definitely help you. — user370305, Aug 01 '12 at 07:20

score 3 · Answer 1 · answered Aug 01 '12 at 07:17

3

You have a syntax error in your loading statement. You have to put : after file

myWebView.loadDataWithBaseURL("file:///mnt/sdcard/com.mypackage.myproject/3", myHtml, "text/html", "utf-8", "");

answered Aug 01 '12 at 07:17

Iñigo

12,723
2
31
31

It was not when I have given my answer. – Iñigo Aug 01 '12 at 07:22
Oh, okay. I misunterstood your answer. ;) – Iñigo Aug 01 '12 at 07:25

Shahzad Naseer · Answer 2 · 2019-10-01T18:32:00.700

0

You don't need to put full path of your image into html.

img src="images/test1.jpg"

Instead

img src=\""+ imagePath + "\"

edited Oct 01 '19 at 18:32

answered Oct 01 '19 at 18:04

Shahzad Naseer

23
3

Using webView's loadDataWithBaseURL not loading images from sdcard

2 Answers2

Linked