title: Show local image in WebView
body: <p>I'm successfully using the WebView control to render a HTML string that I'm parsing to it... It's rendering my CSS, H1, and paragraph content perfectly.</p>
  
  <p>Then, I tried to add an image tag and load in an image that is already stored locally on the phone. But it can't see to find or render the image in the WebView. How do I display locally stored images in the WebView?</p>
  
  <p>Here's what I have tried:</p>
  
  <pre><code>string documentsPath = System.Environment.GetFolderPath(System.Environment.SpecialFolder.Personal);
  string localFilename = "project-" + ProjectId + ".png";
  string localPath = "file://" + Path.Combine(documentsPath, localFilename);
  
  string FinalHtml = 
      "&lt;html&gt;&lt;head&gt;&lt;style&gt;a, h1 {color:#6fb731;} h1{font-size: 1.4em;} p, body{color:#333333;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;" + 
      "&lt;img src=\"" + localPath + "\" /&gt;" +
      "&lt;h1&gt;" + ProjectName + "&lt;/h1&gt;" + ProjectHtml +
      "&lt;/body&gt;&lt;/html&gt;";
  
  ProjectsWebView.LoadData(FinalHtml, "text/html", "UTF-8");
  </code></pre>