title: Browse Image and Insert into Iframe
body: <p>I was wondering if this is possible. </p>
  
  <p>I want to create a function to retrieve an image and insert into an iframe. The user must be able to choose a file (image/video) and it will be inserted into an iframe. </p>
  
  <p><strong>main.html</strong></p>
  
  <p><code>&lt;input type="file" id="addImage"&gt;</code> I have used this for the user to choose a file. </p>
  
  <p><code>&lt;iframe class="frame" id="frame" src="insert.html"&gt;&lt;/iframe&gt;</code> And this for the iframe. The iframe src is another html document.</p>
  
  <p><strong>insert.html</strong></p>
  
  <p><code>&lt;span id="edit"&gt;&lt;/span&gt;</code> is within the insert.html where the image needs to be inserted to. </p>
  
  <p>I don't quite understand how javascript can be used to retrieve the image from the users selection and insert into the iframe.</p>
  
  <p>Is this possible?</p>