Question

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

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

<input type="file" id="file" multiple="" data-my-size="123456">

当用户选择文件时，它会使用此data-my-size值检查大小。然后它在div内创建一个div，ID为＃34; file-list＆＃34;带文件名，是否允许。

例如：

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

并且它适用于同一页面中的多个输入

Answer 1

尝试此功能....

 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);
 }

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

1 个答案: