如何使用JavaScript获取MB单位文件大小及创建大小验证函数

没问题，我来帮你把这个文件大小验证的逻辑补全，顺便讲清楚其中的细节！

首先得明确：JavaScript里的File对象（就是你从文件输入框拿到的文件），它的size属性返回的是字节数。要转换成兆字节（MB），我们需要做单位转换——通常二进制换算里，1MB = 1024KB，1KB = 1024字节，所以转换公式是：

const fileSizeInMB = file.size / (1024 * 1024);

如果是按十进制的MB（1MB=1000000字节）来算，就用file.size / 1000000，不过前端处理文件一般用二进制换算更普遍。

另外要注意你原来代码里的小问题：filename = $(this).get(0).files拿到的是FileList对象（选中文件的集合），调用验证函数时要传入单个File对象，比如filename[0]。

完整实现代码 #

// 获取选中的文件列表（这是FileList，不是单个文件）
const fileList = $(this).get(0).files; // 示例：选中了一个2MB的文件
const maxFileSize = 10; // 最大允许10MB

// 调用验证函数时，要传入单个File对象（这里取第一个选中的文件）
if(fileList.length > 0) {
  const isValid = IsFileSizeValid(fileList[0], maxFileSize);
  console.log(isValid ? "文件大小符合要求" : "文件超过最大限制");
}

// 验证文件大小的函数
function IsFileSizeValid(file, maxFileSize) {
  // 先做参数校验：确保传入的是有效的File对象
  if(!file || !(file instanceof File)) {
    console.error("请传入有效的File对象");
    return false;
  }
  
  // 计算文件大小（MB），保留两位小数方便查看（可选）
  const fileSizeMB = (file.size / (1024 * 1024)).toFixed(2);
  
  // 比较大小：文件MB数 <= 最大限制则返回true，否则false
  return parseFloat(fileSizeMB) <= maxFileSize;
}

函数逻辑说明 #

• 参数校验：先判断传入的file是否是有效的File对象，避免因参数错误导致报错；
• 单位转换：把字节数转换成MB，用toFixed(2)保留两位小数是为了让结果更直观，不影响判断的话也可以直接用file.size / (1024*1024)；
• 大小比较：将转换后的MB数和最大限制对比，返回布尔值。

如果你的业务需要用十进制的MB换算，只需要把转换公式改成file.size / 1000000就可以了~

内容的提问来源于stack exchange，提问作者user9736316