Android webview加载本地图片

出于安全的考虑，一般情况下webview并不允许网页读取和操作网页文件所在文件夹外的文件。

在网上搜索后，发现有3种可行的方法：

1、使用WebView自身的资源拦截与回调来实现该功能；
WebView的shouldInterceptRequest回调从API 11才开始引入，所以使用该方法不能兼容2.2与2.3的系统；

２、img的src使用base64的编码格式，这种方法会造成html文件较大，轻量的网页可以考虑使用；

3、img的src使用content协议，通过ContentProvider来进行提供相应资源； 

方法2和方法3都可以兼容2.x的系统

方法3的例子：

[java]  view plain copy

1. com.packagename.provider;  
2. public class MyProvider extends ContentProvider {   
3.      @Override  
4.      public ParcelFileDescriptor openFile(Uri uri, String mode){  
5.         URI fileURI = URI.create( "file://" + uri.getPath() );  
6.         File file = new File( fileURI );  
7.   
8.         ParcelFileDescriptor parcel = null;  
9.         try {  
10.             parcel = ParcelFileDescriptor.open(file, ParcelFileDescriptor.MODE_READ_ONLY);  
11.         } catch (FileNotFoundException e) {  
12.             Log.e( TAG, "Error finding: " + fileURI + "\n" + e.toString() );  
13.         }  
14.   
15.         return parcel;  

AndroidManifest.xml

[html]  view plain copy

1. <provider  
2.        android:name=".provider.MyProvider"  
3.        android:authorities="com.packagename" />  

You can then access your files which would normally be

<code style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent;"> file</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent;">:</span><span class="com" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; color: gray; background-color: transparent;">//sdcard/Android/data/com.packagename/image.jpg</span></code>

by using

<code style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent;"> content</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent;">:</span><span class="com" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; color: gray; background-color: transparent;">//com.packagename/sdcard/Android/data/com.packagename/image.jpg</span></code>

So essentially replace file:// with content://com.packagename

http://stackoverflow.com/questions/11303118/android-set-a-local-image-to-an-img-element-in-webview