JS中的File：Blob对象详解

Blob对象表示不可变的二进制数据，通常用于存储文件内容。在JavaScript中，Blob对象可以用来处理文件读取、文件流传输等操作。

创建Blob对象的方法如下：

var myBlob = new Blob(arrayBufferViews, options);

其中，arrayBufferViews 是一个由 ArrayBufferView 对象组成的数组，如 Uint8Array 数组，或者任何其他 ArrayBufferView 类型的数组。options 是一个可选的对象，用于设置Blob的一些属性，如 { type: "text/plain" }。

例如，我们可以使用 Blob 对象来创建一个表示文本的 Blob：

var myBlob = new Blob(["Hello, world!"], {type : "text/plain"});

我们也可以使用 Blob 对象来读取文件：

let input = document.createElement('input');
input.type = 'file';
input.onchange = function() {
  let file = input.files[0];
  let reader = new FileReader();
  reader.onload = function() {
    let blob = new Blob([reader.result]);
    // 使用blob对象进行操作
  };
  reader.readAsArrayBuffer(file);
};
input.click();

在上述代码中，我们首先创建了一个文件输入元素，并在文件选择变化时使用 FileReader 对象读取文件内容，然后将读取的结果转换为 Blob 对象。

注意：Blob对象是不可变的，一旦创建了Blob对象，包含在其中的数据就不能更改。如果需要修改数据，你需要创建一个新的Blob对象。