后臺(tái)看到訪問記錄，很多用戶提了這個(gè)需求，要求用HTML5來實(shí)現(xiàn)。網(wǎng)上搜了一下，發(fā)現(xiàn)這類需求很多，相關(guān)的文章和代碼也很多，大部分用的是VUE，H5的也有，不過只提供了前端部分，后端的沒有。然后也不完善，花了很多的時(shí)間找了一些，有的用是能用，但是小問題太多，找這些能用的代碼，所花的時(shí)間都能夠完全自已寫一個(gè)出來了。很多代碼后續(xù)維護(hù)也是個(gè)問題，找不到原技術(shù)人員，也沒有完善的文檔，開發(fā)維護(hù)都靠自已，這樣花的時(shí)間有點(diǎn)不值得。

代碼：https://gitee.com/xproer/up6-vue-cli

1.引入up6組件

2.配置接口地址

接口地址分別對(duì)應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.定義事件

TML5 文件上傳下載的實(shí)例代碼，WEBUPLOADER之大文件分段上傳、斷點(diǎn)續(xù)傳，HTML DOM INPUT FILE 大文件上傳源代碼，B/S大附件上傳，支持?jǐn)帱c(diǎn)續(xù)傳，VUE處理文件流實(shí)現(xiàn)上傳下載，VUE 上傳大型文件插件(VUE上傳視頻插件)

之前在網(wǎng)上也搜索過相關(guān)的資料，在論壇里面也與網(wǎng)絡(luò)交流過，但是給出的方案都不太令人滿意。一方面論壇里面的網(wǎng)頁都沒有真實(shí)的項(xiàng)目經(jīng)驗(yàn)。幾乎大部分的網(wǎng)頁都是在紙上談兵，很多問題完全是憑想象在回答。也不能夠提供真實(shí)案例，基本上都沒有項(xiàng)目的實(shí)戰(zhàn)經(jīng)驗(yàn)。

甚至有些學(xué)生也在里面不知道從哪里復(fù)制的一些代碼然后粘貼在上面。

后端PHP5,PHP6,PHP7,PHP8，ThinkPHP，

服務(wù)器支持Linux，Windows,macOS,CentOS,中標(biāo)麒麟，銀河麒麟，統(tǒng)信，龍芯，華為鯤鵬，

數(shù)據(jù)庫支持MySQL，達(dá)夢(mèng)數(shù)據(jù)庫，人大金倉

需要提供前端源碼，后端源碼，控件源碼

需要提供7*24小時(shí)技術(shù)支持，長(zhǎng)期技術(shù)支持，長(zhǎng)期維護(hù)服務(wù)

需要提供手機(jī)，QQ，微信，企業(yè)微信，電子郵箱等聯(lián)系方式

需要支持包含IE在內(nèi)的全部瀏覽器

終端需要支持Windows,macOS,Linux,信創(chuàng)國產(chǎn)化環(huán)境，中標(biāo)麒麟，銀河麒麟，統(tǒng)信UOS，龍芯，華為

功能需要支持10G，50G,100G大文件上傳和斷點(diǎn)續(xù)傳，刷新續(xù)傳，重啟續(xù)傳

文件夾包含1W，10W，100W個(gè)文件和層級(jí)結(jié)構(gòu)

支持超大文件分片，分段，分塊，分割上傳下載，斷點(diǎn)續(xù)傳

支持文件夾上傳，下載斷點(diǎn)續(xù)傳，支持文件夾層級(jí)結(jié)構(gòu)，層級(jí)結(jié)構(gòu)信息保存到數(shù)據(jù)庫，下載的時(shí)候同樣保留層級(jí)結(jié)構(gòu)

支持加密上傳，下載加密，端到端加密，國密SM4加密算法，數(shù)據(jù)加密傳輸，傳輸過程中要保證數(shù)據(jù)是加密的。1.下載示例

https://gitee.com/xproer/up6-vue-cli

將up6組件復(fù)制到項(xiàng)目中

示例中已經(jīng)包含此目錄

1.引入up6組件

2.配置接口地址

接口地址分別對(duì)應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.處理事件

啟動(dòng)測(cè)試

啟動(dòng)成功

效果

數(shù)據(jù)庫

源碼工程文檔：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源碼報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

控件源碼下載：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

求：支持20G文件上傳和續(xù)傳，支持秒傳，支持文件夾上傳，支持在服務(wù)端保存文件夾層級(jí)結(jié)構(gòu)，支持將文件夾層級(jí)結(jié)構(gòu)信息保存到數(shù)據(jù)庫中，支持下載時(shí)能夠?qū)⑽募A層級(jí)結(jié)構(gòu)下載下來，支持下載文件夾，下載文件夾支持?jǐn)帱c(diǎn)續(xù)傳，支持VUE2,VUE3,React，支持IE，Chrome和信創(chuàng)國產(chǎn)化環(huán)境，比如銀河麒麟，統(tǒng)信UOS，龍芯，支持加密傳輸，包括加密上傳，加密下載，加密算法支持國密SM4，支持云對(duì)象存儲(chǔ)，比如華為云，阿里云，騰訊云，七牛云，AWS，MinIO,FastDFS，需要提供手機(jī)，QQ，微信，郵箱等聯(lián)系方式，提供7*24小時(shí)技術(shù)支持，提供長(zhǎng)期技術(shù)支持和維護(hù)服務(wù)，提供遠(yuǎn)程1對(duì)1技術(shù)指導(dǎo)，提供二次開發(fā)指導(dǎo)，提供文檔教程，提供視頻教程。

1.下載示例

https://gitee.com/xproer/up6-vue-cli

將up6組件復(fù)制到項(xiàng)目中

示例中已經(jīng)包含此目錄

1.引入up6組件

2.配置接口地址

接口地址分別對(duì)應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.處理事件

啟動(dòng)測(cè)試

啟動(dòng)成功

效果

數(shù)據(jù)庫