如何在上傳之前在JavaScript中驗證文件大小

Question

大家好，問題標題可能重複，但想法不同。

我需要使用屬性 等來驗證文件的大小在html：

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

當用戶選擇文件它檢查與該數據我的大小值的大小。 然後它創建一個div與ID爲「file-list」與文件名稱，如果它允許與否創建一個div。

例如：

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