window.onload = function() {

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


		fileInput.addEventListener('change', function(e) {
			var file = fileInput.files[0];
			var imageType = /image.*/;

			if (file.type.match(imageType)) {
				var reader = new FileReader();

				reader.onload = function(e) {
					fileDisplayArea.innerHTML = "";

					var img = new Image();
        $(img).css('display','none');
  
					img.src = reader.result;
       img.onload = function() {
          console.log(img.height);
          console.log(img.width); // image is loaded; sizes are available
       };

					
      $('body').append(img);
          
				}

				reader.readAsDataURL(file);	
			} else {
				fileDisplayArea.innerHTML = "File not supported!"
			}
		});

}

 
	
  
Image File Reader
	
  
    Select an image file: