JSFiddle - React, Tailwind, and code Playground

HTML

<input type='file' id='user_profile_pic' >
<hr>
http://www.dotnettips.info/
<hr>
<input type="file" name="file">
<input type="button" value="Size?" onClick="getSize();">

JavaScript

$("#user_profile_pic").on("change", function(){
   var file = this.files[0],
       fileName = file.name,
       fileSize = file.size;
   alert("Uploading: "+fileName+" @ "+fileSize+"bytes");
});
function getSize()
{
 var myFSO = new ActiveXObject("Scripting.FileSystemObject");
 var filepath = document.upload.file.value;
 var thefile = myFSO.getFile(filepath);
 var size = thefile.size;
 alert(size + " bytes");
}