Open Local Html File in Webview - Android

Question

I have a saved a file in the root folder and am trying to open it in a webview.

This is my code for saving:

    OutputStream outstream = null;
    outstream = openFileOutput(fileName ,MODE_WORLD_READABLE);

    /// if file the available for writing
    if (outstream != null) {
        /// prepare the file for writing
        OutputStreamWriter outputreader = new OutputStreamWriter(outstream);
        BufferedWriter buffwriter = new BufferedWriter(outputreader);

        /// write the result into the file
        buffwriter.write(result);
    }

    /// close the file
    outstream.close();

} catch (java.io.FileNotFoundException e) {
    System.out.println("File not found in the writing...");
} catch (IOException e) {
    System.out.println("In the writing...");
}

This is my code for recalling the file:

                    fileView.getSettings().setJavaScriptEnabled(true);
            fileView.loadUrl("file:///" + name); <---

and inside the app it gives me a file not found error.

Any insight is helpful.

score 18 · Answer 1 · answered Apr 28 '11 at 04:04

WebView mWebView=(WebView)findViewById(R.id.mWebView);

            mWebView.loadUrl("file:///book.html");
            mWebView.getSettings().setJavaScriptEnabled(true);
            mWebView.getSettings().setSaveFormData(true);
            mWebView.getSettings().setBuiltInZoomControls(true);
            mWebView.setWebViewClient(new MyWebViewClient());

private class MyWebViewClient extends WebViewClient 
{ 
    @Override 
    //show the web page in webview but not in web browser
    public boolean shouldOverrideUrlLoading(WebView view, String url) { 
        view.loadUrl (url); 
        return true;
    }
}

try this

This also has the benefit of avoiding the exposure of URIs crash in API>26. — Luis A. Florit, Oct 27 '21 at 14:15

score 13 · Answer 2 · edited Apr 19 '12 at 09:47

13

Actually when you open a URL using file:///...
Then it means that you should save the file under assets directory (say test.html ). Now suppose you have to access test.html file, you need to write like this

loadURL("file:///android_asset/test.html');

edited Apr 19 '12 at 09:47

Sergey Glotov

20,200
11
84
98

answered Jan 07 '12 at 11:47

siddhusingh

1,832
4
25
30

I want to navigate from test.html to page1.html, I am using `Page 1 ` in test.html because both are in same dir, But not working – Sarz Feb 03 '17 at 06:48

score 9 · Answer 3 · answered Apr 28 '11 at 01:16

9

The path is wrong, assuming the exceptions weren't hit.

file:/// tells the browser to look for /name

openFileOutput(fileName) tells the app to write in <application-files-directory>/fileName

Your url should be "file:///"+getFilesDir()+File.separator+fileName

answered Apr 28 '11 at 01:16

Phil Lello

8,377
2
25
34

I am thinking of getting started on making games for android. In theory, is it possible for me to create an html5 canvas and javascript game, store the files locally on the android phone and then open them up with webview allowing the player to play the game? – Jacob Nov 02 '11 at 19:47

score 0 · Answer 4 · answered Oct 06 '18 at 17:09

For files that will be bundled with the application you can add an "asset" folder to your project by right clicking your app in the project explorer then select

New=> Folder=> Assets Folder.

Add the HTML file to your asset folder then load it by:

fileView.loadUrl("file:///android_asset/"+name);

same URL can be used in your HTML to link to other HTML or CSS files.

score 0 · Answer 5 · answered Dec 18 '18 at 12:49

You can read your asset file first and then display it on webview via asd like this

        BufferedReader read = null; 
StringBuilder data = new StringBuilder(); 
try {
            read = new BufferedReader(new InputStreamReader(getAssets().open("htmlFile.html"), "UTF-8")); 
            String webData;
            while ((mLine = read.readLine()) != null) {
               data.append(mline);
            } 
    } catch (IOException e) {
             log(",e.getmessage()) } finally {
            if (reader != null) {
                 try {
                     reader.close();
                 } catch (IOException e) {
                     log(",e.getmessage())
                 }
            } 
    }

and then load this data in webview

webview.loadData(data, "text/html", "UTF-8");

score 0 · Answer 6 · answered Mar 16 '22 at 14:07

0

Please refer to the youtube video https://youtu.be/n2KbDqoCv_Q?t=173

I've tested its solution and it works.

answered Mar 16 '22 at 14:07

MosesK

359
3
7

Open Local Html File in Webview - Android

6 Answers6

Linked