var fileInput = document.getElementById('file');

​

fileInput.addEventListener('change', function(e) {

  var reader = new FileReader(); //create reader

  reader.onload = function() { //attach onload

    //do something with the result

    console.log(reader.result);

    localStorage.img = reader.result; //saved to localStorage

    createImg(localStorage.img); //retrieved from localStorage

  };

  var file = e.target.files[0];

  reader.readAsDataURL(file); //trigger onload function

});

​

function createImg(dataUri) {

  var img = document.createElement('img');

  img.src = dataUri;

  document.body.appendChild(img);

}