如何利用FormData API和流式上传实现超大文件分片上传及断点续传功能？

本文共计885个文字，预计阅读时间需要4分钟。

FormData 本身不支持流式上传，也不具备分片或断点续传的能力。所谓基于 FormData API 配合流式上传，实际上是指使用 FormData 封装每一片（而非整个文件），再配合前端控制逻辑与服务端协同，实现分片上传和断点续传。关键不在于 FormData 的强大，而在于如何巧妙地设计切片、标记、查询和重试机制。

合理切片：用 file.slice()，别塞整块进内存

浏览器原生 FormData 会把 append 的 Blob 加载进内存构造请求体。若单片太大（如 20MB），容易触发 V8 内存溢出或卡死。实测 Firefox 对 10MB/片已明显延迟，Chrome 在 50MB/片可能直接报 RangeError: Maximum call stack size exceeded。

• 推荐切片大小：2–5MB/片，兼顾传输效率与内存安全
• 必须用 file.slice(start, end)（File.prototype.slice），不是读成 ArrayBuffer 再转 Blob——后者会双倍占用内存
• 避免 URL.createObjectURL(file)，它不自动释放，长期持有大文件引用会持续吃内存

唯一标识与上下文携带：每片带 uploadId + chunkIndex + totalChunks

服务端靠这三个字段识别归属、排序、校验完整性。uploadId 必须全局唯一且前端可控，不能依赖服务端返回后再发片（否则首片失败就断链）。