File API Example

by Bintang Anandhiya

HTML

<input type="file" id="fileUpload">
<img id="imageDisplay" style="display:none;">

JavaScript

var fileUpload = document.getElementById("fileUpload");
var imageDisplay = document.getElementById("imageDisplay");

fileUpload.onchange = function(event){
	var selectedFile = event.target.files[0];
  
  if(selectedFile.type.match("image.*")){
    var reader = new FileReader();
    reader.onload = function(evnt){
			imageDisplay.src = evnt.target.result;
      console.log(imageDisplay.width);
    }
    
    reader.readAsDataURL(selectedFile);
  }
  
}