spock504 / react-upload

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

前端大文件上传

• React + Ant Design UI 界面
• 利用File从Blob继承的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

演示

暂停/恢复/重复上传

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