title: Electron JS Images from Local File System
body: <p>I am new to electron and trying to load images from the local file system to display it on screen. So for images from the remote URLs are working just fine when I do</p>
  
  <pre><code>&lt;img src='https://example.com/image.jpg' /&gt;
  </code></pre>
  
  <p>But when I try to load the same image from the local file system in my render process it does not work </p>
  
  <pre><code>&lt;img src='file:///C:/tmp/image.jpg' /&gt;
  </code></pre>
  
  <p>is not rendered. </p>
  
  <p>This is the error I got:</p>
  
  <pre><code>&gt; Not allowed to load local resource:
  &gt; file:///C:/tmp/nW4jY0CHsepy08J9CkF1u3CJVfi4Yvzl_screenshot.png
  &gt; dashboard:1 Not allowed to load local resource:
  &gt; file:///C:/tmp/TOyUYWnJK7VS9wWeyABhdgCNmp38FyHt_screenshot.png
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/UqyHl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UqyHl.png" alt="enter image description here"></a></p>
  
  <p>Is there any configuration that needs to be made to allow the electron to render images from the local file system Or I am doing it entirely wrong?</p>