JakeXu / file-upload

a guide about how to upload large file (using plain javascript for frond-end and back-end)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

前端大文件上传 + 断点续传解决方案

English

推荐使用 Nodejs14

重新演示上传需要删除 /target 中的文件,否则由于服务端保存了文件上传会直接成功

示例大文件下载:https://v0c98mphqw.feishu.cn/file/boxcnZ34jCyQziXxsS9NaV0zfre

前端

  • Vue@2
  • Element-ui
  • Blob#slice 实现文件切片
  • FileReader + WebWorker + spark-md5 生成文件 hash
  • xhr 发送 formData

服务端

  • Nodejs@14
  • multiparty 处理 formData

start

npm install
npm run start

相关博客

字节跳动面试官:请你实现一个大文件上传和断点续传

About

a guide about how to upload large file (using plain javascript for frond-end and back-end)

License:MIT License


Languages

Language:Vue 52.6%Language:JavaScript 44.1%Language:HTML 3.3%