title: How to display local images from a remotely loaded URL web page?
body: <p>I have implemented a mobile web page with some pictures that are referencing to some pictures in android assets.</p>
  
  <p><code>&lt;img src="file:///android_asset/assets/pictures/1.jpg" border="0" /&gt;</code></p>
  
  <p>(1.jpg is under android directory /assets/pictures/)</p>
  
  <p>This page is put in my server.</p>
  
  <p>In the activity this web page is loaded into the webview. But why the webview can't display that picture?</p>
  
  <pre><code>webview.loadUrl("http://abc.com/page.html");
  </code></pre>
  
  <p>=======edit========</p>
  
  <p>here are the settings</p>
  
  <pre><code>    final MyActivity activity = this;
      webview.setWebChromeClient(new WebChromeClient() {
          @Override
          public void onProgressChanged(WebView view, int progress) {
              activity.setProgress(progress * 1000);
          }
      });
      webview.setWebViewClient(new WebViewClient() {
          @Override
          public void onReceivedError(WebView view, int errorCode,
              String description, String failingUrl) {
  
          }
          @Override
          public boolean shouldOverrideUrlLoading(WebView view, String url) {
              view.loadUrl(url);
              return true;
          }
      });
      webview.loadUrl("http://abc.com/page.html");
  </code></pre>
  
  <p>Android SDK:</p>
  
  <pre><code>&lt;uses-sdk
      android:minSdkVersion="8"
      android:targetSdkVersion="17" /&gt;
  </code></pre>