老实说，

秒传是不用传。快传是接着传

• 文件切片
• 并发控制
• 状态记录

文件切片

File.slice 将大文件切分为若干小文件。

上传与记录

并发上传这些切片，同时在前端缓存记录下哪些已上传成功。

通知合并

所有切片上传完成后前端发送一个请求通知后端，让后端把这些切片按顺序拼回一个完整的文件。

上传过程中由于网络等原因。分片的文件发生损坏，怎么办？

前端在上传前，；后端也根据分片内容生成 hash 值进行对比，如果不一致则认为该份文件已损坏。

// 分块计算、存储信息
const fileHash = await calculateFileHash;const CHUNK_SIZE = /* 指定大小 */;const chunks =;let start = 0;while {
const end = Math.min;chunks.push({
从file来看，file.slice,index: chunks.length。start,end,hash: fileHash // 用于服务端校验
});start = end，}
const uploadChunks = JSON.parse || '');// 并发控制
const CONCURRENCY = /* 并发数 */;async function uploadWithConcurrency {
for {
const batch = pendingChunks.slice;await Promise.all));}
}
async function uploadChunk {
const formData = new FormData;说起来，formData.append;formData.append;不过，formData.append;formData.append;
// 总分块数
try {
const res = await Request({
// url: '/upload/chunk',method: 'POST'。data: formData,header: { 'Content-Type': 'multipart/form-data' }
});if {
uploadedChunks.push;localStorage.setItem);const progress = * 100;console.log}%`);话说回来，}
} catch {
console.error;// 可加入重试逻辑，例如重试三次
}
}
uploadWithConcurrency.n => {
Request({
// url: '/upload/merge',method: 'POST'。data: { hash: fileHash,fileName: file.name,totalChunks: chunks.length }
}).n(res => {
console.log;localStorage.removeItem;})，});<\/code>

// 找出待上传的块
const pendingChunks = chunks.filter);// 控制并发数
const CONCURRENCY_LIMIT = /* 并发数 */;async function uploadWithLimit {
for {
const batch = pendingChunks.slice;await Promise.all);其实，}
}
// 单个块上傳函数
async function uploadChunk { /* 同上 */ }
// 開始上傳流程同上。<\/code>

服务端要做的事

前端工作如上所述，为了配合。需要提供三个接口：

1. /upload/chunk： 接收单个块。老实说，通常以“{file_hash}_{chunk_index}" 的格式临时存储。
2. /upload/check： 查询已完成块列表，实现“断点续傳”与“秒傳”。前段启动时调用即可快速判断是否需要继续上傳。
3. /upload/merge：

💡 高级调整与面试加分项

• 秒傳：
• 小量记录可用 localStorage，大量或复杂结构可选 IndexedDB。
• 利用 AbortController 中止进行中的请求，实现暂停功能；恢复时只需 执行上傳逻辑即可，因为已完成部分会被过滤掉。