How to display an image from the SDCARD in WebView

afoualer · Jul 13, 2010

When I started to display an image from the SDCARD in WebView, I got errors like:
" Not allowed to load local resource: file://".
I

baroquedub · Aug 9, 2010

Been struggling with this for days - thank you! Creating a custom ContentProvider did work but this is so much easier. Here's my full working code for anyone interested:

Code:

package uk.co.baroquedub.downloadfile;

import java.io.FileOutputStream;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;


import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebView;


public class DownloadToPhone extends Activity {
	private static final String TAG = "DownloadToPhone";

	protected static final String IMAGE_FILENAME = "news-thumb.png";
	protected static final String IMAGE_SOURCE = "http://developerlife.com/theblog/wp-content/uploads/2007/11/"+IMAGE_FILENAME;

	private static final String PACKAGE_NAME = "uk.co.baroquedub.downloadfile";
	private static final String URI_PREFIX = "file:///data/data/"+PACKAGE_NAME+"/files/";
	
	
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        try {
            // download an image from the web... in the background
            {
              Runnable getImage = new Runnable() {
                public void run() {

                  try {
                    Log.i(TAG, "MainDriver: trying to download and save PNG file to user.dir");
                    
                    URL u = new URL(IMAGE_SOURCE);
                    HttpURLConnection c = (HttpURLConnection) u.openConnection();
                    c.setRequestMethod("GET");
                    c.setDoOutput(true);
                    c.connect();

                    FileOutputStream f = openFileOutput(IMAGE_FILENAME, Activity.MODE_WORLD_WRITEABLE);

                    InputStream in = c.getInputStream();

                    byte[] buffer = new byte[1024];
                    int len1 = 0;
                    while ( (len1 = in.read(buffer)) > 0 ) {
                        f.write(buffer,0, len1);
                    }

                    f.close();

                    Log.i(TAG, "successfully downloaded IMAGE file to user.dir");
                    WebView web = (WebView) findViewById(R.id.webview);
                    initWebkit(web);

                  }
                  catch (Exception e) {
                    Log.e(TAG, "could not download and save IMAGE file", e);
                  }

                }
              };
              new Thread(getImage).start();
            }

          }
          catch (Exception e) {
            Log.e(TAG, "ui creation problem", e);
          }

    }
    
    private static void initWebkit(WebView web) {
   	
    	String html = new String();
	    html = ("<html><body><header><h1>Title</h1></header><section><img src=\""+URI_PREFIX+IMAGE_FILENAME+"\" align=left><p>Content</p></section></body></html>" );

	    web.loadDataWithBaseURL(URI_PREFIX,
	    html,
	    "text/html",
	    "utf-8",
	    "");

  	}
}

Search

Search

How to display an image from the SDCARD in WebView

afoualer

Banned

baroquedub

Lurker

BEST TECH IN 2023

Smartphones

Best Android Phones

Upcoming

Best iPhones

Upcoming

Tablets

Best Tablets

Upcoming

Laptops

Best Laptops

Upcoming

Televisions

Best TVs

Upcoming

Game Consoles

Best Game Consoles

Upcoming

Wearables

Best Wearables

Upcoming

Smart Home

Smart Home Tech

Upcoming

Similar threads