Skip to content

zhoupeng-zh/TestChunkUpload

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

分片上传工具

这是一个基于Web的分片上传工具,支持大文件分片上传、断点续传和上传进度显示。

功能特性

  1. 文件分片上传(默认每片5MB)
  2. 断点续传支持
  3. 实时上传进度显示
  4. 可配置服务器地址、认证Token和接口路径
  5. 支持多文件同时上传
  6. 暂停/继续上传功能

使用方法

  1. 打开 index.html 文件
  2. 在"服务器配置"区域配置服务器地址、认证Token和接口路径
  3. 点击"保存配置"按钮保存配置信息
  4. 在"文件上传"区域选择要上传的文件
  5. 点击"开始上传"按钮开始上传

配置说明

  • 服务器地址: 上传目标服务器的地址,例如 http://localhost:8000
  • 认证Token: 用于API认证的Bearer Token
  • 上传接口路径: 文件分片上传的API路径,默认为 /api/trainerResourceDataset
  • 进度查询接口路径: 上传进度查询的API路径,默认为 /api/trainerResourceDataset/progress

接口要求

后端需要提供以下两个接口:

  1. 分片上传接口

    • 方法: POST
    • 路径: 可配置,默认为 /api/trainerResourceDataset
    • 参数:
      • file: 文件分片
      • index: 分片索引(从0开始)
      • total: 总分片数
      • identifier: 文件唯一标识符
      • 最后一个分片额外包含:
        • type=1
        • task_type=1
    • 返回值:
      {
        "code": 200,
        "data": {
          "identifier": "文件标识符",
          "index": "分片索引"
        }
      }
  2. 上传进度查询接口

    • 方法: GET
    • 路径: 可配置,默认为 /api/trainerResourceDataset/progress/{identifier}
    • 返回值:
      {
        "code": 200,
        "data": {
          "uploadedChunks": [0, 1, 2] // 已上传的分片索引数组
        }
      }

注意事项

  1. 配置信息会保存在浏览器的localStorage中
  2. 文件标识符基于文件名、大小和最后修改时间生成
  3. 如果上传过程中断,重新上传时会自动跳过已上传的分片
  4. 接口路径可以是相对路径(相对于服务器地址)或绝对URL

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors