使用javascript文件访问android资产文件夹

Question

I am injecting a javascript file to the WebView and that javascript file needs to load more files from the app assets folder. 我正在向WebView注入一个javascript文件，并且该javascript文件需要从应用资产文件夹中加载更多文件。 i used to load the files from remote server, but now i need to load them locally. 我曾经从远程服务器加载文件，但是现在我需要在本地加载它们。 I am getting "not allowed to load local resource". 我得到“不允许加载本地资源”。 is this even possible? 这有可能吗？ i can't find any solution here or using google. 我在这里或使用Google找不到任何解决方案。 example: 例：

...
webView.loadUrl("javascript:(function() {" +
                    "var parent = document.getElementsByTagName('head').item(0);" +
                    "var script = document.createElement('script');" +
                    "script.type = 'text/javascript';" +
                    "script.innerHTML = window.atob('" + encoded + "');" +
                    "parent.appendChild(script)" +
                    "})()");

this injects a "script.js" file into the webview. 这会将“ script.js”文件注入到webview中。 inside the script.js file i want to inject css background image that is located inside the app assets folder. 我要在script.js文件中注入位于应用资产文件夹内的css背景图像。 when im trying to access "file:///android_asset" i get the "not allowed to load local resource" error. 当我尝试访问“ file：/// android_asset”时，出现“不允许加载本地资源”错误。

Answer 1

if you want load your local html page and resources to the web view you should use webView.loadDataWithBaseURL 如果要将本地html页面和资源加载到Web视图，则应使用webView.loadDataWithBaseURL

  public void loadLocalHtmlToWebView() throws IOException {

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

        File publicDir = new File(getCacheDir(), "public");

        if (publicDir.exists() == false) {

            publicDir.mkdirs();

            String[] ls = getAssets().list("public");


            for (int i = 0; i < ls.length; i++) {

                InputStream inputStream = getAssets().open("public/" + ls[i]);

                File outFileLocation = new File(publicDir, ls[i]);

                outFileLocation.createNewFile();

                Log.e("AMIR", "Wrinting to : " + outFileLocation.getPath());

                FileOutputStream fileOutputStream = new FileOutputStream(outFileLocation);

                byte[] buffer = new byte[1024];

                while (inputStream.read(buffer) != -1) {

                    fileOutputStream.write(buffer);

                }

                fileOutputStream.flush();
                fileOutputStream.close();

                inputStream.close();


            }

        }


        String indexHtml="";

        BufferedReader bufferedReader=new BufferedReader(new FileReader(new File(publicDir,"index.html")));

        String ln="";

        while((ln=bufferedReader.readLine())!=null){

            indexHtml+=ln;

        }

        bufferedReader.close();

        Log.e("AMIR","Html : "+indexHtml);


        String baseUrl = "file://" + publicDir.getPath() + "/";

        mWebView.loadDataWithBaseURL(baseUrl, indexHtml, "text/html", "UTF-8", null);

    }

Assets folder : 资产文件夹：

my index.html code : 我的index.html代码：

<html>

<head>

<title>Hello</title>

<head>

<body>
Hello
<img src="./img.jpg"/>

<body>

</html>

and this is a good and well explained tutorial for webView : 这是webView的一个很好而且很好解释的教程：

http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html

使用javascript文件访问android资产文件夹

问题描述

1 个解决方案

解决方案1
0 2018-04-19 09:22:46

使用javascript文件访问android资产文件夹

问题描述

1 个解决方案

解决方案1 0 2018-04-19 09:22:46

解决方案1
0 2018-04-19 09:22:46