安装

npm i jy-bigfile-chunk-upload --save

引入方式

import { bigFileToChunkUpload } from 'jy-bigfile-chunk-upload';

功能说明

前端大文件切片上传

使用示例：

import { bigFileToChunkUpload } from 'jy-bigfile-chunk-upload';

bigFileToChunkUpload({
  file, // 文件对象
  chunkSize: 5, // 块大小，默认5M
  uploadPromiseFn: upload, // 上传请求函数，promise
}).then((res) => {
  // 上传操作完成，这里可以调用合并操作
  // res 为文件的hash值，方便后端合并校验hash是否相同
});

// 自定义上传函数，作为参数传递，需要return Promise
function upload(data) {
  // data获取到 插件返回的切片数据、索引、切片文件名，方便自定义上传参数
  // data = {
  //    hash: ${文件hash值},
  //    index: ${索引},
  //    fileName: `${hash}_${索引}.${文件类型}`, // 文件名规则按照 hash_1.jpg 命名
  //    chunk: ${切片块_文件对象}
  // }

  return new Promise((resolve, reject) => {
    // 模拟请求
    setTimeout(() => {
      resolve('ok');
    }, 2000 + Math.random() * 1000);
  });
}