这是一个基于Web的分片上传工具,支持大文件分片上传、断点续传和上传进度显示。
- 文件分片上传(默认每片5MB)
- 断点续传支持
- 实时上传进度显示
- 可配置服务器地址、认证Token和接口路径
- 支持多文件同时上传
- 暂停/继续上传功能
- 打开
index.html文件 - 在"服务器配置"区域配置服务器地址、认证Token和接口路径
- 点击"保存配置"按钮保存配置信息
- 在"文件上传"区域选择要上传的文件
- 点击"开始上传"按钮开始上传
- 服务器地址: 上传目标服务器的地址,例如
http://localhost:8000 - 认证Token: 用于API认证的Bearer Token
- 上传接口路径: 文件分片上传的API路径,默认为
/api/trainerResourceDataset - 进度查询接口路径: 上传进度查询的API路径,默认为
/api/trainerResourceDataset/progress
后端需要提供以下两个接口:
-
分片上传接口
- 方法: POST
- 路径: 可配置,默认为
/api/trainerResourceDataset - 参数:
file: 文件分片index: 分片索引(从0开始)total: 总分片数identifier: 文件唯一标识符- 最后一个分片额外包含:
type=1task_type=1
- 返回值:
{ "code": 200, "data": { "identifier": "文件标识符", "index": "分片索引" } }
-
上传进度查询接口
- 方法: GET
- 路径: 可配置,默认为
/api/trainerResourceDataset/progress/{identifier} - 返回值:
{ "code": 200, "data": { "uploadedChunks": [0, 1, 2] // 已上传的分片索引数组 } }
- 配置信息会保存在浏览器的localStorage中
- 文件标识符基于文件名、大小和最后修改时间生成
- 如果上传过程中断,重新上传时会自动跳过已上传的分片
- 接口路径可以是相对路径(相对于服务器地址)或绝对URL