出於安全的考慮，一般情況下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的例子：

1. com.packagename.provider;  
2. publicclass 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.         ParcelFileDescriptor parcel = null;  
8.         try {  
9.             parcel = ParcelFileDescriptor.open(file, ParcelFileDescriptor.MODE_READ_ONLY);  
10.         } catch (FileNotFoundException e) {  
11.             Log.e( TAG, "Error finding: " + fileURI + "\n" + e.toString() );  
12.         }  
13.         return parcel;  

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