js 获取文件大小

// HTML部分：创建一个文件输入元素
<input type="file" id="fileInput">

// JavaScript部分：获取文件大小
document.getElementById('fileInput').addEventListener('change', function(event) {
    const file = event.target.files[0]; // 获取用户选择的文件
    if (file) {
        console.log(`文件名: ${file.name}`); // 输出文件名
        console.log(`文件大小: ${file.size} 字节`); // 输出文件大小，单位为字节
        console.log(`文件类型: ${file.type}`); // 输出文件类型
    } else {
        console.log('没有选择文件');
    }
});

解释说明：

1. HTML部分：我们创建了一个文件输入元素 (<input type="file">)，允许用户选择文件。
2. JavaScript部分：
   • 使用 addEventListener 监听文件输入元素的 change 事件，当用户选择文件时触发。
   • event.target.files[0] 获取用户选择的第一个文件对象。
   • file.size 属性返回文件的大小，单位是字节。
   • file.name 和 file.type 分别返回文件的名称和 MIME 类型。
3. 输出：在控制台中输出文件的名称、大小和类型。

如果需要进一步处理文件大小（例如转换为 KB 或 MB），可以使用简单的数学运算。