title: Loading an image to localStorage and setting an image src to that location
body: <p>I've successfully allowed for a user to upload an image to local storage but I want to be able to then take that image and fill an image element on the page with that. </p>
  
  <pre><code>&lt;h3&gt;Please upload the image you wish to use.&lt;/h3&gt;
  &lt;input id="photoin" type="file" accept="image/*;capture=camera"&gt;&lt;/input&gt;
  &lt;a href="#delete_1" data-role="button" onClick="save()"&gt;Submit&lt;/a&gt;
  
  &lt;script&gt;
      var i = 0; 
      function save(){                
          var input = document.getElementById("photoin").value; 
          var name = "photo_" + i; 
          localStorage.setItem(name, input);      
          $("#QR").src = window.localStorage[name]; 
          i++; 
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm looking for something that will successfully give me the URL of the image in storage, seeing as "window.localStorage[name]" only returns the value paired with that key. </p>
  
  <p>Thanks!</p>