java - Webview Not Loading Images from Internal Storage (index.html)

Question

I am trying to Load an html file from Device's Internal Storage,

I've Created a separate (folder/directory) for html files then added an Image and .html file in it.

Here, my WebView is showing all other tags content expect image tag's src.

Please help me load the image from file from internal storage to WebView

Here is my code.

 File dir = new File(android.os.Environment.getExternalStorageDirectory()+"/"+"HTML Folder"+"/"+"index.html");
    if(dir.exists()) {
        File file = new File(String.valueOf(dir));
        StringBuilder text = new StringBuilder();
        try {
            BufferedReader br = new BufferedReader(new FileReader(file));
            String line;
            while ((line = br.readLine()) != null) {
                text.append(line);
                text.append('
');
            }
            br.close();
        } catch (IOException e) {
        }

        TextView i = findViewById(R.id.codeviewText);
        i.setText(text);

        String code = i.getText().toString();
        mWeb.loadUrl("data:text/html,".concat(code));
        mWeb.setWebChromeClient(new WebChromeClient());
        mWeb.getSettings().setJavaScriptEnabled(true);

and Below is Screenshots

screenshot

Answer 1

You should just load the html file URI like this:

mWeb.loadUrl("file:///path/to/your_page.html")

To obtain your html file URI, use

Uri.fromFile(file)