大文件上传/分片上传/断点续传/文件秒传
安装依赖:
pnpm i
运行:
pnpm run serve
打开地址:
http://localhost:8080
逻辑流程:
- 将项目根目录下的
8k.png
图片拖拽至上传区域进行上传,代码逻辑是没超过 10MB 就会被切成一块,因此该图片会被切成两块 - 将上传的文件生成对应的 hash 值,并对每一块生成对应的名字,如
生成的hash值--1
、生成的hash值--2
等 - 将生成的每一块进行上传,上传完后发送请求通知服务器进行文件组装,组装顺序就是签名
--
后面的数字。 - 后台接收到文件分块的上传后,在
upload
文件下进行保存,当接收到前端发送的请求通知服务器进行文件拼接的时候,会将该文件下的文件进行组装。 - 组装完成后,在
upload-img
下生成,生成的文件名可以来自于完整文件本身的文件名,也可以是时间戳,并删除upload
文件夹下的块文件。
待实现点:
- 断点续传
- 文件秒传