如何在上传之前验证javascript中的文件大小

大家好，问题标题可能重复，但想法不同

我需要使用属性验证html中的文件大小 比如：

当用户选择文件时，它会使用此数据“我的大小”值检查大小。 然后它在一个id为的div文件列表中创建一个div，文件名为，是否允许

例如：

<div id="file-list">
 <div> File 123.png is allowed </div>
 <div> File 321.png is Not allowed </div>
</div>

它可以在同一页面中使用多个输入

尝试此功能

 function GetFileSize(fileid) {
 try 
 {
     var fileSize = 0;
     //for IE
     if ($.browser.msie) {
        //before making an object of ActiveXObject, 
        //please make sure ActiveX is enabled in your IE browser
        var objFSO = new ActiveXObject("Scripting.FileSystemObject"); var filePath = $("#" + fileid)[0].value;
        var objFile = objFSO.getFile(filePath);
        var fileSize = objFile.size; //size in kb
        fileSize = fileSize / 1048576; //size in mb 
     }
     //for FF, Safari, Opeara and Others
     else {
          fileSize = $("#" + fileid)[0].files[0].size //size in kb
          fileSize = fileSize / 1048576; //size in mb 
     }
       alert("Uploaded File Size is" + fileSize + "MB");
 }
 catch (e) {
       alert("Error is :" + e);
 }