title: Img tag with local file:/// URL is not shown in the Microsoft Edge web browser
body: <p>In my desktop application I create a temporary HTML file (that is designed to let users print a report) that is then displayed via a default web browser. This HTML file is saved in a temp folder, for example: <code>C:/Users/UserName/AppData/Local/Temp</code></p>
  
  <p>This works in all web browsers (surprisingly even including IE) but Microsoft's another creation, <a href="https://en.wikipedia.org/wiki/Microsoft_Edge" rel="nofollow noreferrer">Edge</a>, gives me a blank image icon </p>
  
  <p><a href="https://i.stack.imgur.com/1XTYv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1XTYv.png" alt="enter image description here"></a></p>
  
  <p>for the following:</p>
  
  <pre><code>&lt;img width='24' height='24' style='border: none;' alt='Print'
  src="file:///C:/Users/UserName/AppData/Local/Temp/printicon.gif"&gt;&lt;/img&gt;
  </code></pre>
  
  <p>Any idea why this fails?</p>
  
  <p>PS. Obviously that <code>gif</code> file exists and is openable.</p>
  
  <p><strong>FOLLOW-UP:</strong> Upon further testing, I discovered the reason why Edge was blocking my image. I added the following to the top of the HTML mark-up</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
  &lt;!-- saved from url=(0038)http://www.samplewebsite.com/index.htm --&gt;
  &lt;html&gt;
  &lt;head&gt;
  </code></pre>
  
  <p>to prevent IE from showing this:</p>
  
  <p><a href="https://i.stack.imgur.com/OAFAN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OAFAN.png" alt="enter image description here"></a></p>
  
  <p>Mind you, the reason for that message was just this line of code for the "Print" button:</p>
  
  <pre><code>javascript:window.print();
  </code></pre>
  
  <p>So if I remove the <code>&lt;!-- saved from ... --&gt;</code> line, Edge seems to display my images. But I obviously can't do it, because I need it to work with older IE.</p>