title: Upload a local Image into a Div Using JavaScript?
body: <p>I am building a site about different picture frames and would like the end user to be able to upload an image file into a div that will then be displayed in the page? I have made a very basic fiddle:</p>
  
  <p><a href="http://jsfiddle.net/Margate/w8C5r/" rel="nofollow">http://jsfiddle.net/Margate/w8C5r/</a></p>
  
  <p>The idea is that the user clicks on the upload image button and a window will open that will enable them to browse to the location of the file they want to upload to the page. They locate the file and select it. The picture then displays inside the div tag. Is this possible using Javascript?</p>
  
  <p>Thank you very much for any help in advance.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Upload Image Help!&lt;/title&gt;
  
  &lt;style&gt;
  #addImage{position: absolute; top: 5px; left: 50px; width: 300px; height: 200px; border: 1px solid black;}
  #button{position: absolute; top: 215px; left: 135px; width: 120px; height: 30px;}
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="addImage"&gt;&lt;/div&gt;
  &lt;button id="button" type="button"&gt;Upload Image&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>