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

How to validate file size in javascript before upload

本文关键字：javascript 验证 文件大小      更新时间：2023-09-26

大家好，问题标题可能是重复的，但思想是不同的。

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

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

当用户选择文件时，它用这个data-my-size值检查大小。然后在div中创建一个div, id为"file-list"，带有文件名，是否允许

例如:

<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);
 }
相关文章：