Blob(Binary Large Object)

Blob（Binary Large Object）

- 数据本质

- 表示一个不可变、原始数据的类文件对象，可以包含任意类型的数据，如文本、二进制数据等。

- 创建方式

- 可以通过?new Blob([data], { type: 'mime - type' })?来创建，其中?data?可以是数组、字符串等多种数据格式。

javascript 复制

const blob = new Blob(['Hello, world!'], { type: 'text/plain' });

?

- 主要用途

- 作为数据的存储和传输载体，比如在处理文件上传、下载以及使用?XMLHttpRequest?发送二进制数据时非常有用。

File

- 数据本质

- 是?Blob?的子类，继承了?Blob?的所有属性和方法。它专门用于表示计算机文件，除了包含文件的数据外，还包含了文件的其他信息，如文件名、文件类型、文件最后修改时间等。

- 创建方式

- 通常是在用户通过??元素选择文件后，浏览器自动创建对应的?File?对象。

html 复制

?

javascript 复制

function handleFileSelect(event) {

const fileList = event.target.files;

const file = fileList[0];

console.log(file.name, file.type, file.size);

}

?

- 主要用途

- 主要用于与用户交互场景中，例如在文件上传操作中，直接使用用户选择的文件对象（?File?对象）进行操作，同时也能利用?Blob?的方法来处理文件数据。

综上所述，?Blob?是更通用的二进制数据容器，而?File?是专门用于表示文件且包含文件相关元信息的特殊?Blob?对象。