一个简单容易理解的大文件分片上传分享给有需要的兄嘚!!!
1、附上git地址:https://github.com/313258196/large-file-block-upload.git
2、让咱们看看怎么启动这个项目
1)后端是node写的,前端是vue3(放在client文件夹了)
2)打开cmd,cd到large-file-block-upload文件夹(对!就是这个项目)
然后输入命令:npm run dev
可以看到出现3132和5173端口,就是表示前后端都启动了[可爱]
3)复制http://localhost:5173/,粘贴到浏览器地址栏,打开
4)看看效果把(gif有点大,稍等片刻)![奸笑]
支持多选的大文件上传就实现了。
3、原理是啥
1)前端将大文件切片,分多次上传
2)后端储存切片文件,判断为最后一个切片时,将所有同文件的切片合并
3)后端将合并好的文件地址返回给前端
4)ok!
4、欢迎同行留言讨论[呲牙]
页面更新:2024-04-11
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号