上传 Blob JavaScript

Blob 可以用于存储二进制数据，如图像、视频、音频等等。在 JavaScript 中，我们可以通过 Blob 对象来创建、读取和上传二进制数据。

以下是上传 Blob 的一般步骤：

1. 创建一个 Blob 对象：使用 Blob 构造函数或者 Blob 对象上的静态方法（如 fromArrayBuffer、fromDataURL、fromBlob 等）来创建一个 Blob 对象。这里以 fromArrayBuffer 方法为例：

const binaryData = new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f]);
const blob = new Blob([binaryData], { type: 'application/octet-stream' });

2. 上传 Blob 对象：将 Blob 对象上传到服务器或云存储服务。这里以使用 Fetch API 上传为例：

const uploadBlob = async (blob) => {
  const url = 'https://example.com/upload';
  const response = await fetch(url, { method: 'POST', body: blob });
  const statusCode = response.status;
  const result = await response.text();
  return { statusCode, result };
};

const { statusCode, result } = await uploadBlob(blob);
console.log(statusCode, result);

3. 处理上传结果：根据上传结果对 Blob 对象进行后续处理，比如获取生成的文件 URL 或者显示上传进度。