Adding images to webview with text stored in String in Android

Question

I have some images image1.jpg, image2.jpg etc in assets folder. How to display these images using html with tag in String like below:

 WebView webView = (WebView) findViewById(R.id.webView1);
 String desc = "Hello, This is my newly created App with the icon 
<img src='file://android_asset/image1.jpg'>. Since i'm new to android i'm learning
     it step by step. <img src='file://android_asset/image2.jpg'> Thank you so much.";
 webView.loadData(desc, "text/html","utf-8");

When i tried like above the image is not displaying. So i tried like:

 webView.loadDataWithBaseURL("file:///android_asset/", "<img src='image1.jpg' />"+desc, "text/html", "utf-8", null);

Here can able to display image1 only, but not image2.

I tried many examples using loadDataWithBaseURL but all those are helpful for displaying one image on webview. But i want to display this String "desc" in webview like text followed by image and then followed by text like that. Please someone give me idea on how to resolve this ASAP.
Thanks in advance.

This Worked For Me, Just Give it a try... http://stackoverflow.com/a/32065256/5036672 — A S, Aug 18 '15 at 06:45

score 0 · Answer 1 · answered Oct 06 '14 at 15:58

You can put full blown html in the WebView. You should continue your research with HTML.

StringBuilder sb = new StringBuilder();
                sb.append("<html><body><div style=\"width:100%; text-align:center; font-size:large;\">");
                sb.append("my title of image");
                sb.append("</div>");
                sb.append("<style type=\"text/css\"> .imk {width:100%;}</style>"
                sb.append("<img class=\"imk\"");
                sb.append(" src=\"");
                sb.append("image1.jpg");
                sb.append("\"/>");
                sb.append("</body></html>");
                View v = getView();
                if (v != null) {
                    wv = (WebView) v.findViewById(R.id.webView1);
                    if (wv != null) {
                        String localPath = "file://" + path;//actual image path
                        String temp = sb.toString();
                        wv.loadDataWithBaseURL(localPath, temp, "text/html",
                                "UTF-8", "");
                    }
                }

Adding images to webview with text stored in String in Android

1 Answers1