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