Home/ Questions/Q 7976087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T08:49:39+00:00

So ive been trying to find the simplest way to append an image in

  • 0

So ive been trying to find the simplest way to append an image in a webview using javascript. i wrote out the html myself and included my own function that looked something like this:

<script type="text/javascript">

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

I found out that i cant just use
myview.loadurl(javascript:image(‘line1.png’));
So im trying to figure out how i can do this. I was thinking about relegating this function to one line of code i can fit in loadurl(), but i seem to be getting an error around that as well. Ive heard of using addJavascriptInterface but its seems complex and im not sure if it fits what i want. So whats my best course of action?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That is so simple. Try the following

    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+"\")");
                            }
                    });
            }
    }
}

    index.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>

    and add the following,

    <body onload="getimage()" >

    To pass more images:

    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);
            }
    }

    and you pass String array instead of String in load url like

    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+"\")");
                                }
                        });
                }
        }

    To call image script more times:

      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+"\")");

}
    • 0