最近公司在使用vue做工程項目,實現大文件分片上傳。
網上找了一天,發現網上很多代碼都存在很多問題,最后終於找到了一個符合要求的項目。
工程如下:
對項目的大文件上傳功能做出分析,怎么實現大文件分片上傳時的呢,這個問題網上專門找到監控軟件進行監控,如何分片的。
項目開始后使用 http debugger監控工具的記錄如下:
上傳的后台數據通過監控工具可以看到。
從上述的項目中可以領悟到大文件上傳中,對於每一次數據的傳輸都有控件的支撐;來實現分片上傳的。
上傳后自動存儲在tomcat服務存儲目錄中,文件目錄:D:\apache-tomcat-6.0.29\webapps\Uploader6MySQL\upload\2019\04\10\a46870816a584ba583143851f2624188
傳輸文件沒有問題。
幾個文件同時傳輸會出現什么狀況呢
上傳文件的原目錄:C:\Users\liu\Desktop\筆記
上傳文件的存儲地址:D:\apache-tomcat-6.0.29\webapps\Uploader6MySQL\upload\2019\04\10。
看樣子文件批量上傳沒有問題。
使用這個項目帶入公司的工程吧,Uploader6MySQL在vue項目中使用:
代碼:
Uploader6MySQL在vue工程項目中的使用很靈活,控件的使用也很方便。
該大文件分片上傳工程蠻好用的,還是有點商業價值的。
該項目DEMO下載地址:http://suo.im/5qKp7o