大文件上传怎么做？分片、断点续传和秒传

选择文件
  ├─ 1. 切片：用 Blob.slice 按固定大小（如 5 MB）切分
  ├─ 2. 计算文件 hash（在 Web Worker 中增量计算）
  ├─ 3. 带着 hash 询问服务端
  │     ├─ 文件已存在 → 秒传，直接成功
  │     └─ 返回已收到的分片序号 → 只上传缺失的分片（断点续传）
  ├─ 4. 限制并发数上传分片，每片带上文件 hash 和分片序号；失败的分片单独重试
  └─ 5. 全部完成后请求合并：服务端按序号合并，再用整体 hash 校验

const CHUNK_SIZE = 5 * 1024 * 1024 // 每片 5 MB

// 上传单个分片，失败后重试，最多尝试 3 次
async function uploadChunk(hash, index, blob, signal, retries = 3) {
  const form = new FormData()
  form.append('hash', hash)
  form.append('index', index)
  form.append('chunk', blob)
  try {
    const res = await fetch('/upload/chunk', { method: 'POST', body: form, signal })
    if (!res.ok) throw new Error(`分片 ${index} 上传失败：${res.status}`)
  } catch (err) {
    if (signal?.aborted || retries <= 1) throw err // 用户取消或次数用完，不再重试
    return uploadChunk(hash, index, blob, signal, retries - 1)
  }
}

// uploaded：服务端返回的已上传分片序号；limit：最大并发数
async function uploadFile(file, hash, { uploaded = [], limit = 4, signal, onProgress } = {}) {
  const total = Math.ceil(file.size / CHUNK_SIZE)
  const done = new Set(uploaded)
  // 断点续传：只上传服务端还没有的分片
  const queue = Array.from({ length: total }, (_, i) => i).filter((i) => !done.has(i))

  // 启动 limit 个并发的"工作者"，每个传完一片，再从队列里领下一片
  const work = async () => {
    while (queue.length > 0) {
      const index = queue.shift()
      const blob = file.slice(index * CHUNK_SIZE, (index + 1) * CHUNK_SIZE)
      try {
        await uploadChunk(hash, index, blob, signal)
      } catch (err) {
        queue.length = 0 // 有分片彻底失败，其他工作者不再领取新分片
        throw err
      }
      done.add(index)
      onProgress?.(done.size / total)
    }
  }
  await Promise.all(Array.from({ length: limit }, work))

  // 所有分片上传完成，通知服务端合并
  const res = await fetch('/upload/merge', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ hash, filename: file.name, total }),
    signal,
  })
  if (!res.ok) throw new Error(`合并失败：${res.status}`)
}

// 使用：先检查，文件已存在就是秒传，否则只传缺失的分片（calcHash 在 Web Worker 中计算，这里省略）
const hash = await calcHash(file)
const { exists, uploaded } = await fetch(`/upload/check?hash=${hash}`).then((r) => r.json())
if (!exists) await uploadFile(file, hash, { uploaded, onProgress: (p) => console.log(p) })