how i can load offline resource from online webview

Question

i have an application that mainly load external url ... my question is : in my "html online file " how i can local stored resource for example i tried this :in my online html :

<img src = "file:///android_asset/fav/1.png"/>
and 
<img src = "file:///android_asset/fav/1.png"/>
and 
<img src = "./android_asset/fav/1.png"/>

but its not work ... ** i know how to load whole webview locally offline but this is online webview with offline resource please help me :) :)

Answer 1

You can't due to same origin policy, Its a security breach !! For more details !

https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

Answer 2

You can interface with the apk and maybe have the apk give you the bytes for the file

// for your webview
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

// js bridge interface
public class WebAppInterface {

    /** Get bytes of a file from the web page */
    @JavascriptInterface
    public byte[] getFileBytes(String path) {
        InputStream stream = Context.openFileInput(new File(path));
        ByteArrayOutputStream byteOutputStream = new ByteArrayOutputStream();
        byte[] bytes = new byte[1024];
        while ((int read = stream.read(bytes)) != -1) {
           byteOutputStream.write(bytes, 0, read);
        }
        return byteOutputStream.toByteArray();
    }
}

// to call the method in html
<script type="text/javascript">
    function androidGetFileBytes(path) {
        def bytes = Android.getFileBytes(path);
        // TODO Do something with bytes
    }
</script>

Further reading: http://developer.android.com/guide/webapps/webview.html