0

因此，我一直在尝试找到使用 javascript 在 webview 中附加图像的最简单方法。我自己写了 html 并包含了我自己的函数，看起来像这样：

<script type="text/javascript">

function image(src) {
    var img = document.createElement("IMG");
    img.src = src;
    document.getElementById('image').appendChild(img);
}
</script>

我发现我不能只使用 myview.loadurl(javascript:image('line1.png')); 所以我想弄清楚我怎么能做到这一点。我正在考虑将此函数降级为我可以放入 loadurl() 的一行代码，但我似乎也遇到了一个错误。我听说过使用 addJavascriptInterface ，但它看起来很复杂，我不确定它是否适合我想要的。那么我最好的做法是什么？

4

1 回答 1

3

就是这么简单。尝试以下

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.webkit.WebView;

public class StackOverFlowActivity extends Activity {

    private Handler mHandler = new Handler();

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        WebView view=(WebView)findViewById(R.id.webView1);
        view.getSettings().setJavaScriptEnabled(true);
        view.loadUrl("file:///android_asset/index.html");
        view.addJavascriptInterface(new MyJavaScriptInterface(), "Android");
    }

    final class MyJavaScriptInterface
    {
        public void ProcessJavaScript(final String scriptname, final String args)
            {             
                mHandler.post(new Runnable()
                    {
                        public void run()
                            {
                    String url="file:///android_asset/img.jpg";
                                webview.loadUrl("javascript:image(\""+url+"\")");
                            }
                    });
            }
    }
}

索引.html：

<script type="text/javascript">
 function getimage()
 {
   Android.ProcessJavaScript("image",null); 
 }

function image(src) {
    var img = document.createElement("IMG");
    img.src = src;
    document.getElementById('image').appendChild(img);
}
</script>

并添加以下内容，

<body onload="getimage()" >

要传递更多图像：

function image(src) {

        //var img = document.createElement("IMG");
        //img.src = src;
       // document.getElementById('image').appendChild(img);
            images = eval('(' + src+ ')');
            for (i = 0; i < images.length; i++) {    
            var img = document.createElement("IMG");
            img.src = images[i];            
              document.getElementById('image').appendChild(img);
            }
    }

并且您在加载 url 中传递字符串数组而不是字符串，例如

final class MyJavaScriptInterface
        {
            public void ProcessJavaScript(final String scriptname, final String args)
                {             
                    mHandler.post(new Runnable()
                        {
                            public void run()
                                {
                        //String url="file:///android_asset/img.jpg";
                                    //webview.loadUrl("javascript:image(\""+url+"\")");
                                    ArrayList<String> url=new ArrayList<String>();
                                    url.add("file:///android_asset/img1.jpg");
                                    url.add("file:///android_asset/img2.jpg");
                                    url.add("file:///android_asset/img3.jpg");
                                    webview.loadUrl("javascript:image(\""+url+"\")");
                                }
                        });
                }
        }

要多次调用图像脚本：

  final class MyJavaScriptInterface
            {
                public void ProcessJavaScript(final String scriptname, final String args)
                    {             
                        mHandler.post(new Runnable()
                            {
                                public void run()
                                    {
                                      // you can load url anywhere in this application. check below to call this inside the other function.
                                       callimageFirstTime(scriptname,args);
                                     // check below to loadurl in other class Test.java
                                      Test newtest=new Test();
                                      newtest.methodtoloadurl(scriptname,args);
                                    }
                            });
                    }
            }

public void callimageFirstTime(String script, String arguments)
{
  // add images with String array and pass here
  webview.loadUrl("javascript:image(\""+url+"\")");

}
于 2012-05-23T11:48:47.743 回答