title: Angular img src not shown local file path while in html it is working
body: <p>I have the following simple html code</p>
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;img src= &quot;file://C:/Users/amira/Desktop/71zNWbTHzxL._SL1500_.jpg&quot; width=&quot;200px&quot;&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>and it is working with no problem and shown the image as following</p>
  <p><a href="https://i.stack.imgur.com/pmpfg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pmpfg.png" alt="enter image description here" /></a></p>
  <p>and then I am using it in angular project hosted on IIS but the image is not shown, please view the following screenshot</p>
  <p><a href="https://i.stack.imgur.com/y5SW5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y5SW5.png" alt="enter image description here" /></a></p>
  <p><strong>EDIT</strong></p>
  <p>I noticed that the url is redirect to the following : http://localhost:4200/file:/C:/Users/smacrsadmin/Desktop/71zNWbTHzxL.<em>SL1500</em>.jpg</p>
  <p>I do not know why it append localhost to the url</p>