JavaScript | 网络 API | 文件 | File.size 属性

简介

在 JavaScript 中，File.size 属性用于获取表示上传文件大小的字节数。它是 File 对象的一个属性，可通过文件输入框或者拖放操作获取文件后访问。

File.size 属性返回一个无符号长整数（unsigned long），以字节为单位表示文件的大小。

语法

以下是获取文件大小的基本语法：

fileObject.size

示例

下面是一个示例代码片段，展示如何获取文件的大小：

// 选择文件输入框
const inputElement = document.createElement("input");
inputElement.setAttribute("type", "file");

// 当用户选择文件后
inputElement.addEventListener("change", (event) => {
  const file = event.target.files[0];
  
  // 打印文件大小
  console.log("文件大小（字节）：" + file.size);
});

在上面的示例中，我们创建了一个文件输入框，并在用户选择文件后打印出文件的大小。

注意事项

• File.size 属性返回的是文件的实际大小，单位为字节（byte）。
• 在某些浏览器中，如果无法获取文件大小，可能会返回 0。
• 如果用户选择的文件非常大，获取文件大小可能会耗费一些时间。
• 可以使用 File.size 属性来验证上传文件的大小，以确保它符合所需的限制。

参考链接

• File.size - MDN Web 文档