端用了HTML，VUE2,VUE3，后端用了ASP.NET,.NET Core.NET MVC,IDE用了Visual Studio 2010,Visual Studio 2013,Visual Studio 2022，因為新項目和老項目都用了兩種IDE。

自已做項目用，客戶是政府單位，項目用戶也比較多，現要求能夠在網頁上面上傳文件夾，文件夾里面大約有1萬多個文件，有大有小，大的有1G~10G，小的有幾MB，要求支持斷點續傳，支持進度信息離線存儲，用戶可能傳一半沒有傳完，下班了，明天上班后繼續上傳，電腦晚上到點需要關機，支持加密傳輸，支持國密加密算法SM4，要求支持下載，支持非打包方式下載，瀏覽器要求支持包含IE在內的所有瀏覽器，系統環境要求支持信創國產化，比如銀河麒麟，中標麒麟，統信UOS，龍芯，數據庫支持MySQL,Oracle,達夢數據庫,人大金倉，需要提供前端源碼，后端源碼，控件源碼，公司自己的項目，也有自己的產品，后續需要集成使用，提供7*24小時技術支持服務，提供文檔教程，視頻教程，遠程技術指導，1對1技術支持服務，提供手機，微信，QQ，郵箱，企業微信等聯系方式。

最新版本：6.5.40

在線代碼：https://gitee.com/xproer/up6-asp-net/tree/6.5.40/

視頻教程：https://www.ixigua.com/7200367234802418187

NOSQL

NOSQL無需任何配置可直接訪問頁面進行測試

SQL

使用IIS

大文件上傳測試推薦使用IIS以獲取更高性能。

使用IIS Express

小文件上傳測試可以使用IIS Express

創建數據庫

配置數據庫連接信息

訪問頁面進行測試

相關參考：

文件保存位置

TTP 大文件上傳解決方案(500M以上)，如何實現大文件上傳、斷點續傳、切片上傳，VUE實現大文件分片上傳、斷點續傳，網頁 項目大文件上傳下載解決方案，VUE實現文件上傳與下載，H5+JAVA的文件上傳,斷點續傳，前端大文件切片上傳，斷點續傳、秒傳等解決方案，VUE中使用實例，NGINX支持超大文件HTTP斷點續傳，VUE實現文件的分片上傳，前端大文件上傳處理方案，如何解決控件附件上傳時超大附件無法上傳的問題，完美解決B/S無法上傳大文件解決方法，網頁完美解決B/S無法上傳大文件方法，前端完美解決B/S無法上傳大文件方法

SpringBoot完美解決B/S無法上傳大文件方法，java完美解決B/S無法上傳大文件方法，input file完美解決B/S無法上傳大文件方法，jsp完美解決B/S無法上傳大文件方法，dom完美解決B/S無法上傳大文件方法，百度webuploader完美解決B/S無法上傳大文件方法，webuploader完美解決B/S無法上傳大文件方法，html5完美解決B/S無法上傳大文件方法，JS完美解決B/S無法上傳大文件方法，完美解決B/S無法上傳大文件方法，

JS實現文件夾的多線程上傳和下載，JS實現文件夾的加密上傳和下載，JS怎么實現文件夾的上傳和下載，vue實現文件夾的上傳和下載，web實現文件夾的上傳和下載，網頁實現文件夾的上傳和下載，dom實現文件夾的上傳和下載，html5實現文件夾的上傳和下載，JavaScript實現文件夾的上傳和下載，JS如何實現文件夾的上傳和下載，JS實現文件夾的上傳和下載解決方案，百度webuploader實現文件夾的上傳和下載，webuploader實現文件夾的上傳和下載，

網頁項目純HTML，純VUE這類方案不多。客戶那邊實際上比較在乎兩點。

JS實現文件夾的上傳和下載，WEBUPLOADER上傳大文件的三種解決方案，WEBUPLOADER上傳大文件的解決方案，WEBUPLOADER上傳大文件的方案，百度WEBUPLOADER上傳大文件的三種解決方案，百度WEBUPLOADER上傳大文件的三種代碼，百度WEBUPLOADER上傳大文件的三種源碼，百度WEBUPLOADER上傳大文件的三種源代碼，HTML5上傳大文件的三種源代碼，JavaScript上傳大文件的三種源代碼，WEBUPLOADER如何實現大文件斷點續傳、秒傳，

實際上客戶對技術并不在意，用HTML也好用控件也罷。客戶比較在意兩點，一個是穩定性，一個是兼容性。

HTML5分片，分段，分塊，分割，切片，切割上傳，H5原理實際上上傳的原理就是把一個大的文件切割成若干個小數據塊進行上傳，下載的話Chrome雖然提供了幾個API，但是不好用

給政府做的一個項目，需要實現一個文件管理系統，主要就是需要在服務端進行加密存儲，傳輸過程也需要進行加密，加密算法需要支持國密SM4，現在因為信息安全的需求，基本政府那邊服務端和終端系統都是信創國產化的系統。政府這邊對安全性要求比較嚴格。

附件太大了確實很難上傳，上傳的時候容易出錯，處理起來的確有些麻煩。

現在chrome提供了相關的API，在HTML5中也能夠上傳文件，不過有限制，每個域名限制了5個TCP連接。用起來不是那么的舒服，也不夠靈活，當然也能夠滿足一般的使用場景。不太復雜的也能夠湊合著用。

但是如果有上傳文件夾，文件夾中包含很多文件，比如1萬或者10萬，這種場景下用起來就不是那么的舒服了，如果單個文件的大小超過10G，比如20G，這種場景下用起來也不是特別的舒服。

還有批量下載的話HTML5的能力也有限，下是能下，但是每下一個文件就需要用戶手動確認一下，那比如我要下載100個文件，也需要確認100次，用戶不太接受這種方式。

用戶的環境還是有點復雜的，也就是用戶那邊公司用的操作系統很多，終端系統有windows,macOS,linux，不同的部門用的系統還不一樣，營銷部門的話用macOS多一些，運維后端的同事用linux用的多一些，主要就是centos和ubuntu，其它的同事用的windows多一些。1.下載示例

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

將up6組件復制到項目中

示例中已經包含此目錄

1.引入up6組件

2.配置接口地址

接口地址分別對應：文件初始化，文件數據上傳，文件進度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

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

3.處理事件

啟動測試

啟動成功

效果

數據庫

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

源碼報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

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

TML+JQUERY超大視頻上傳解決方案

最近項目有個需求，需要在網頁前端實現大文件，文件夾的上傳和下載，需要支持斷點續傳，MD5校驗，文件秒傳，加密傳輸(國密SM4)，加密存儲，壓縮傳輸(zip,gzip)功能，前端框架使用VUE，后端用的是JAVA SpringBoot

?

這個是央企項目，因為國家信息安全的因素，所有政府項目都必須支持信創國產化環境：國產操作系統，國產數據庫，國產瀏覽器，客戶那邊有些系統用的是Windows7 + IE8，也要求兼容。

?

網上搜了很多文章，基本上的方案都是vue+html5，或百度webuploader，我們之前也是采用的這個方案，穩定性比較差，傳上去的文件數據容易出錯，然后斷點續傳功能不夠完善，用戶傳大文件的時候瀏覽器響應卡頓容易崩潰，用戶傳文件的時候不能刷新頁面，也不能關閉頁面，否則文件進度將會丟失。這個對于現在的客戶來說有點難以接受，因為用戶傳的文件比較大，1G到10G都有，可能一次傳不完，傳一半，第二天再傳。

?

找了幾個月，只發現一個產品比較不錯：澤優大文件上傳控件（up6），不僅提供了產品源碼，視頻教程，開發部這邊集成很快，基本上沒花什么時間，直接把他的代碼復制到項目中就完事了。

?

我們的需求實際上很簡單，第一就是希望使用簡單，不管是對開發人員，還是對普通用戶都要使用簡單。對開發人員來說要集成和整合簡單，能夠提供前端和后端 API，前端API使用和調用要方便。對于普通用戶，要使用簡單學習成本低。不需要進行使用培訓。

?

第二點就是穩定可靠，用戶是政府單位的，對穩定性要求比較高。用戶每天上傳和下載的文件都比較多，大的有10GB左右，小的有幾百KB。

?

第三點就是能夠提供技術支持，因為是政府客戶，必須要有技術支持，這個是硬指標，因為項目周期也比較長，中途可能會變更需求或者定制開發，所以廠商必須提供技術服務。

?

除了這些還有一點就是下載功能需要也支持斷點續傳。用戶平時會從系統中下載很多文件，文件有大有小，大的1G，小的幾KB，但是用戶是批量下載，不是打包成ZIP下載。

?

上面的幾點能夠滿足的話基本上就沒有什么問題，領導這邊希望提供OEM買斷或控件源代碼的采購方式，我們是軟件公司，專門做政府和央企項目，客戶項目比較多，有些政府大客戶要求源代碼審查，領導希望集成到我們自己的產品中去賣，這樣就能夠為所有用戶提供這個功能，用戶體驗也能夠統一。后面維護起來也方便。主要是領導不想每次都要單獨采購，太麻煩了。

?

示例下載：