前、后端之间如何交互Blob块文件

Question

最近琢磨一下分片上传的代码，主要思路是用slice方法把文件分块，最后用Promise API和fetch方法发送post请求，把Blob类型的片数据放在body里面上传到后台，但目前卡在了Blob用什么方式给后台合适？最开始是打算转成base64，后台接收到之后转回file，但转base64一致不成功。因此想问问大家有没有靠谱的建议，主要是想知道在fetch方法的基础上Blob封装成什么，以及后台用什么方式去接？有样例的核心代码最好。

Answer 1

ChatGPT尝试为您解答，仅供参考
在发送 HTTP 请求时，可以直接将 Blob 类型数据作为请求 body 发送。这样，后台服务器就可以使用流的方式来访问请求中的 Blob 数据。

---

下面是一个使用 fetch 发送请求的示例，其中包含了一个 Blob 类型的数据：

const file = // 要上传的文件（Blob 类型）
const formData = new FormData();
formData.append('file', file);

fetch('/upload', {
  method: 'POST',
  body: formData
});

后台服务器可以使用如下的方式来访问请求中的 Blob 数据：

app.post('/upload', (req, res) => {
  const file = req.body.file;
  // 将 Blob 数据保存到文件中
  file.mv('/path/to/save/file.ext', (err) => {
    if (err) {
      // 处理错误
      return res.status(500).send(err);
    }
    // 上传成功
    res.send('File uploaded!');
  });
});

在这里，我们使用了 mv 方法将 Blob 数据保存到文件中。该方法是 multer 库的一部分，可以方便地将 Blob 数据保存到文件系统中。