Skip to content

api-invoker/react-upload

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前端大文件上传

  • React + Ant Design UI 界面
  • 利用FileBlob继承的slice方法对文件切片
  • 通过web worker利用FileReader+spark-md5生成文件 hash
  • xhr通过formData上传文件
  • nodejs + http 模块
  • fse 处理文件
  • multiparty 处理formData

功能:

  • 大文件切片
  • 暂停/恢复上传
  • 断点续传,记忆已上传部分
  • 文件秒传

开始

# npm
npm install
npm start

# yarn
yarn start
# 启动node server
node server/server.js

演示

暂停/恢复/重复上传

upload_pause gif

上传中途失败,下次断点续传

upload_continue gif

About

react + ant-design 实现大文件分片上传以及断点续传

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.6%
  • HTML 7.0%
  • CSS 3.4%