天天看點

大檔案分片上傳(寶藏級别)

作者:左燚vlog

一個簡單容易了解的大檔案分片上傳分享給有需要的兄嘚!!!

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、歡迎同行留言讨論[呲牙]

繼續閱讀