大文件分片上传

文件分片上传

function chunkFile(file) {
  const formData = new FormData()
  const fileReader = new FileReader() // 文件读取类
  const chunkSize = 1024 * 1024 * 10 // 单个分片大小，10M
  let fileChunkedList = [] // 文件分片完成之后的数组

  // 文件开始分片，push 到 fileChunkedList 数组中
  for (let i = 0; i < file.size; i = i + chunkSize) {
    const tmp = file.slice(i, Math.min(i + chunkSize, file.size)) // Blob
    if (i === 0) fileReader.readAsArrayBuffer(tmp) // 读取文件
    fileChunkedList.push(tmp)
  }

  console.log(fileChunkedList)
  // 在文件读取完毕之后，开始计算文件
  fileReader.onload = async () => {
    // 将fileChunkedList转成FormData对象，并加入上传时需要的数据
    fileChunkedList = await fileChunkedList.map((item, index) => {
      formData.append('file', item) // 当前切片文件
      formData.append('maxChunk', fileChunkedList.length) // 文件切片数
      formData.append('chunk', index) // 当前文件序号
      formData.append('fileName', file.name) // 当前文件序号
      return formData
    })
    for (let [a, b] of formData.entries()) {
      console.log(a, b, '--------------')
    }
  }
}