title: HTML - Display image after selecting filename
body: <p>I have a form that allows me with </p>
  
  <pre><code>&lt;input type="file" name="filename" accept="image/gif, image/jpeg, image/png"&gt;
  </code></pre>
  
  <p>to browse and select a file.</p>
  
  <p>What I want to do is display that image immediately after the image has been selected.
  And this is before the "submit" button on the form has been pressed so the image almost certainly resides Client side. Can this be done? </p>