title: Use local image source in html <img> element
body: <p>I have image on my machine that I want to display in img element.</p>
  <pre><code>&lt;img class=&quot;card-image&quot; src=&quot;'file:///C:/Users/.../KITCHEN/imgname.png'&quot;/&gt;
  </code></pre>
  <p>But I get this error:</p>
  <pre><code>1 Not allowed to load local resource: file:///C:/Users/.../KITCHEN/imgname.png
  </code></pre>
  <p>Any idea how to fix this issue.</p>
  <p><strong>UPDATE:</strong>
  images outside the project folder</p>