<h3>Get File Size from input type=file with jQuery</h3>
<input type="file" id="myfile">
<p id="size_view"></p>$(function(){
$('#myfile').on('change',function(){
console.log($(this)[0].files[0]);
$('#size_view').html('File Size: '+$(this)[0].files[0].size.toLocaleString()+' bytes');
});
});
External CSS
This Pen doesn't use any external CSS resources.