js file对象

// 创建一个File对象的示例代码

// 1. 使用 HTML 文件输入元素创建 File 对象
// 在HTML中添加一个文件输入元素
// <input type="file" id="fileInput">

document.getElementById('fileInput').addEventListener('change', function(event) {
    const file = event.target.files[0]; // 获取用户选择的文件
    if (file) {
        console.log(file);
        // 输出文件信息
        console.log('文件名:', file.name);
        console.log('文件大小:', file.size, '字节');
        console.log('文件类型:', file.type);
        console.log('最后修改时间:', file.lastModified);
    }
});

// 2. 使用 Blob 构造函数创建 File 对象
const blob = new Blob(['Hello, world!'], { type: 'text/plain' });
const file = new File([blob], 'hello.txt', { type: 'text/plain' });

console.log(file);
// 输出文件信息
console.log('文件名:', file.name);
console.log('文件大小:', file.size, '字节');
console.log('文件类型:', file.type);
console.log('最后修改时间:', file.lastModified);

解释说明：

1. 通过文件输入元素创建 File 对象：

   • 用户可以通过 <input type="file"> 元素选择文件，然后通过 event.target.files[0] 获取选中的文件。
   • File 对象包含文件的元数据，如文件名、大小、类型和最后修改时间。

2. 通过 Blob 构造函数创建 File 对象：

   • Blob 是二进制大对象（Binary Large Object）的缩写，表示不可变的原始数据。
   • File 是 Blob 的子类，增加了文件名和最后修改时间等属性。
   • 使用 new File() 可以将 Blob 转换为 File 对象，并指定文件名和类型。