getting size file

by Alejandro M

HTML

<form action="upload" enctype="multipart/form-data" method="post">

    Upload image:
    <input id="image-file" type="file" name="file" on-change="gettingSize(event)"/>
    <input type="submit" value="Upload" />

  

</form>

TypeScript

/*
$('#image-file').bind('change', function() {
alert('This file size is: ' + this.files[0].size/1024/1024 + "MB");
});

//pure js
var el= document.getElementById("image-file");
el.addEventListener("change", function(){
alert('This file size is: ' + this.files[0].size/1024/1024 + "MB");
}, false); 
*/

//typescript
let id:string = "image-file";
let el = <HTMLInputElement>document.getElementById(id);
el.addEventListener("change", function(event){
console.log(gettingSize(event));
}, false); 


function gettingSize(event) {
  var target = event.target || event.srcElement;
  return target.files[0].size/1024/1024 + "MB";
}