一個簡單容易了解的大檔案分片上傳分享給有需要的兄嘚!!!
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、歡迎同行留言讨論[呲牙]