title: Saving and loading an image from localStorage
body: <p>So basically, I am trying to save an image into <code>localStorage</code>, and then load that same image on the next page.</p>
  
  <p>I came across this great example: <a href="http://jsfiddle.net/8V9w6/">http://jsfiddle.net/8V9w6/</a></p>
  
  <p>Although, I have absolutely no idea how this works since I have only ever used localStorage for extremely small strings.</p>
  
  <p>I have an image that gets changed via a file upload handled by jQuery</p>
  
  <pre><code>&lt;img id="bannerImg" src="images/image-placeholder.jpg" alt="Banner Image" style="display:none;" width="100%" height="200px" /&gt;
  </code></pre>
  
  <p>The <code>jsfiddle</code> link I added above allows multiple file upload, and that is definitely something I would not like to have.</p>
  
  <p>What I need to know is what should I be placing on the first page to save the image, and what should I be placing on the second page to load the image?</p>
  
  <p>I have a <code>save</code> button that will be processing everything.</p>