gistfile1.js

function renderImage(file){
  var reader = new FileReader();
  reader.onload = function(event){
    the_url = event.target.result
    $('#some_container_div').html("<img src='"+the_url+"' />")
  }

  //when the file is read it triggers the onload event above.
  reader.readAsDataURL(file);
}


$( "#the-file-input" ).change(function() {
	console.log(this.files)
	
	//grab the first image in the FileList object and pass it to the function
	renderImage(this.files[0])
});