Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
端用了HTML,VUE2,VUE3,后端用了ASP.NET,.NET Core.NET MVC,IDE用了Visual Studio 2010,Visual Studio 2013,Visual Studio 2022,因?yàn)樾马?xiàng)目和老項(xiàng)目都用了兩種IDE。
自已做項(xiàng)目用,客戶(hù)是政府單位,項(xiàng)目用戶(hù)也比較多,現(xiàn)要求能夠在網(wǎng)頁(yè)上面上傳文件夾,文件夾里面大約有1萬(wàn)多個(gè)文件,有大有小,大的有1G~10G,小的有幾MB,要求支持?jǐn)帱c(diǎn)續(xù)傳,支持進(jìn)度信息離線存儲(chǔ),用戶(hù)可能傳一半沒(méi)有傳完,下班了,明天上班后繼續(xù)上傳,電腦晚上到點(diǎn)需要關(guān)機(jī),支持加密傳輸,支持國(guó)密加密算法SM4,要求支持下載,支持非打包方式下載,瀏覽器要求支持包含IE在內(nèi)的所有瀏覽器,系統(tǒng)環(huán)境要求支持信創(chuàng)國(guó)產(chǎn)化,比如銀河麒麟,中標(biāo)麒麟,統(tǒng)信UOS,龍芯,數(shù)據(jù)庫(kù)支持MySQL,Oracle,達(dá)夢(mèng)數(shù)據(jù)庫(kù),人大金倉(cāng),需要提供前端源碼,后端源碼,控件源碼,公司自己的項(xiàng)目,也有自己的產(chǎn)品,后續(xù)需要集成使用,提供7*24小時(shí)技術(shù)支持服務(wù),提供文檔教程,視頻教程,遠(yuǎn)程技術(shù)指導(dǎo),1對(duì)1技術(shù)支持服務(wù),提供手機(jī),微信,QQ,郵箱,企業(yè)微信等聯(lián)系方式。
最新版本:6.5.40
在線代碼:https://gitee.com/xproer/up6-asp-net/tree/6.5.40/
視頻教程:https://www.ixigua.com/7200367234802418187
NOSQL
NOSQL無(wú)需任何配置可直接訪問(wèn)頁(yè)面進(jìn)行測(cè)試
SQL
使用IIS
大文件上傳測(cè)試推薦使用IIS以獲取更高性能。
使用IIS Express
小文件上傳測(cè)試可以使用IIS Express
創(chuàng)建數(shù)據(jù)庫(kù)
配置數(shù)據(jù)庫(kù)連接信息
訪問(wèn)頁(yè)面進(jìn)行測(cè)試
相關(guān)參考:
文件保存位置
TTP 大文件上傳解決方案(500M以上),如何實(shí)現(xiàn)大文件上傳、斷點(diǎn)續(xù)傳、切片上傳,VUE實(shí)現(xiàn)大文件分片上傳、斷點(diǎn)續(xù)傳,網(wǎng)頁(yè) 項(xiàng)目大文件上傳下載解決方案,VUE實(shí)現(xiàn)文件上傳與下載,H5+JAVA的文件上傳,斷點(diǎn)續(xù)傳,前端大文件切片上傳,斷點(diǎn)續(xù)傳、秒傳等解決方案,VUE中使用實(shí)例,NGINX支持超大文件HTTP斷點(diǎn)續(xù)傳,VUE實(shí)現(xiàn)文件的分片上傳,前端大文件上傳處理方案,如何解決控件附件上傳時(shí)超大附件無(wú)法上傳的問(wèn)題,完美解決B/S無(wú)法上傳大文件解決方法,網(wǎng)頁(yè)完美解決B/S無(wú)法上傳大文件方法,前端完美解決B/S無(wú)法上傳大文件方法
SpringBoot完美解決B/S無(wú)法上傳大文件方法,java完美解決B/S無(wú)法上傳大文件方法,input file完美解決B/S無(wú)法上傳大文件方法,jsp完美解決B/S無(wú)法上傳大文件方法,dom完美解決B/S無(wú)法上傳大文件方法,百度webuploader完美解決B/S無(wú)法上傳大文件方法,webuploader完美解決B/S無(wú)法上傳大文件方法,html5完美解決B/S無(wú)法上傳大文件方法,JS完美解決B/S無(wú)法上傳大文件方法,完美解決B/S無(wú)法上傳大文件方法,
JS實(shí)現(xiàn)文件夾的多線程上傳和下載,JS實(shí)現(xiàn)文件夾的加密上傳和下載,JS怎么實(shí)現(xiàn)文件夾的上傳和下載,vue實(shí)現(xiàn)文件夾的上傳和下載,web實(shí)現(xiàn)文件夾的上傳和下載,網(wǎng)頁(yè)實(shí)現(xiàn)文件夾的上傳和下載,dom實(shí)現(xiàn)文件夾的上傳和下載,html5實(shí)現(xiàn)文件夾的上傳和下載,JavaScript實(shí)現(xiàn)文件夾的上傳和下載,JS如何實(shí)現(xiàn)文件夾的上傳和下載,JS實(shí)現(xiàn)文件夾的上傳和下載解決方案,百度webuploader實(shí)現(xiàn)文件夾的上傳和下載,webuploader實(shí)現(xiàn)文件夾的上傳和下載,
網(wǎng)頁(yè)項(xiàng)目純HTML,純VUE這類(lèi)方案不多。客戶(hù)那邊實(shí)際上比較在乎兩點(diǎn)。
JS實(shí)現(xiàn)文件夾的上傳和下載,WEBUPLOADER上傳大文件的三種解決方案,WEBUPLOADER上傳大文件的解決方案,WEBUPLOADER上傳大文件的方案,百度WEBUPLOADER上傳大文件的三種解決方案,百度WEBUPLOADER上傳大文件的三種代碼,百度WEBUPLOADER上傳大文件的三種源碼,百度WEBUPLOADER上傳大文件的三種源代碼,HTML5上傳大文件的三種源代碼,JavaScript上傳大文件的三種源代碼,WEBUPLOADER如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳,
實(shí)際上客戶(hù)對(duì)技術(shù)并不在意,用HTML也好用控件也罷。客戶(hù)比較在意兩點(diǎn),一個(gè)是穩(wěn)定性,一個(gè)是兼容性。
HTML5分片,分段,分塊,分割,切片,切割上傳,H5原理實(shí)際上上傳的原理就是把一個(gè)大的文件切割成若干個(gè)小數(shù)據(jù)塊進(jìn)行上傳,下載的話Chrome雖然提供了幾個(gè)API,但是不好用
給政府做的一個(gè)項(xiàng)目,需要實(shí)現(xiàn)一個(gè)文件管理系統(tǒng),主要就是需要在服務(wù)端進(jìn)行加密存儲(chǔ),傳輸過(guò)程也需要進(jìn)行加密,加密算法需要支持國(guó)密SM4,現(xiàn)在因?yàn)樾畔踩男枨螅菊沁叿?wù)端和終端系統(tǒng)都是信創(chuàng)國(guó)產(chǎn)化的系統(tǒng)。政府這邊對(duì)安全性要求比較嚴(yán)格。
附件太大了確實(shí)很難上傳,上傳的時(shí)候容易出錯(cuò),處理起來(lái)的確有些麻煩。
現(xiàn)在chrome提供了相關(guān)的API,在HTML5中也能夠上傳文件,不過(guò)有限制,每個(gè)域名限制了5個(gè)TCP連接。用起來(lái)不是那么的舒服,也不夠靈活,當(dāng)然也能夠滿足一般的使用場(chǎng)景。不太復(fù)雜的也能夠湊合著用。
但是如果有上傳文件夾,文件夾中包含很多文件,比如1萬(wàn)或者10萬(wàn),這種場(chǎng)景下用起來(lái)就不是那么的舒服了,如果單個(gè)文件的大小超過(guò)10G,比如20G,這種場(chǎng)景下用起來(lái)也不是特別的舒服。
還有批量下載的話HTML5的能力也有限,下是能下,但是每下一個(gè)文件就需要用戶(hù)手動(dòng)確認(rèn)一下,那比如我要下載100個(gè)文件,也需要確認(rèn)100次,用戶(hù)不太接受這種方式。
用戶(hù)的環(huán)境還是有點(diǎn)復(fù)雜的,也就是用戶(hù)那邊公司用的操作系統(tǒng)很多,終端系統(tǒng)有windows,macOS,linux,不同的部門(mén)用的系統(tǒng)還不一樣,營(yíng)銷(xiāo)部門(mén)的話用macOS多一些,運(yùn)維后端的同事用linux用的多一些,主要就是centos和ubuntu,其它的同事用的windows多一些。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ù)庫(kù)
源碼工程文檔: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
TML+JQUERY超大視頻上傳解決方案
最近項(xiàng)目有個(gè)需求,需要在網(wǎng)頁(yè)前端實(shí)現(xiàn)大文件,文件夾的上傳和下載,需要支持?jǐn)帱c(diǎn)續(xù)傳,MD5校驗(yàn),文件秒傳,加密傳輸(國(guó)密SM4),加密存儲(chǔ),壓縮傳輸(zip,gzip)功能,前端框架使用VUE,后端用的是JAVA SpringBoot
?
這個(gè)是央企項(xiàng)目,因?yàn)閲?guó)家信息安全的因素,所有政府項(xiàng)目都必須支持信創(chuàng)國(guó)產(chǎn)化環(huán)境:國(guó)產(chǎn)操作系統(tǒng),國(guó)產(chǎn)數(shù)據(jù)庫(kù),國(guó)產(chǎn)瀏覽器,客戶(hù)那邊有些系統(tǒng)用的是Windows7 + IE8,也要求兼容。
?
網(wǎng)上搜了很多文章,基本上的方案都是vue+html5,或百度webuploader,我們之前也是采用的這個(gè)方案,穩(wěn)定性比較差,傳上去的文件數(shù)據(jù)容易出錯(cuò),然后斷點(diǎn)續(xù)傳功能不夠完善,用戶(hù)傳大文件的時(shí)候?yàn)g覽器響應(yīng)卡頓容易崩潰,用戶(hù)傳文件的時(shí)候不能刷新頁(yè)面,也不能關(guān)閉頁(yè)面,否則文件進(jìn)度將會(huì)丟失。這個(gè)對(duì)于現(xiàn)在的客戶(hù)來(lái)說(shuō)有點(diǎn)難以接受,因?yàn)橛脩?hù)傳的文件比較大,1G到10G都有,可能一次傳不完,傳一半,第二天再傳。
?
找了幾個(gè)月,只發(fā)現(xiàn)一個(gè)產(chǎn)品比較不錯(cuò):澤優(yōu)大文件上傳控件(up6),不僅提供了產(chǎn)品源碼,視頻教程,開(kāi)發(fā)部這邊集成很快,基本上沒(méi)花什么時(shí)間,直接把他的代碼復(fù)制到項(xiàng)目中就完事了。
?
我們的需求實(shí)際上很簡(jiǎn)單,第一就是希望使用簡(jiǎn)單,不管是對(duì)開(kāi)發(fā)人員,還是對(duì)普通用戶(hù)都要使用簡(jiǎn)單。對(duì)開(kāi)發(fā)人員來(lái)說(shuō)要集成和整合簡(jiǎn)單,能夠提供前端和后端 API,前端API使用和調(diào)用要方便。對(duì)于普通用戶(hù),要使用簡(jiǎn)單學(xué)習(xí)成本低。不需要進(jìn)行使用培訓(xùn)。
?
第二點(diǎn)就是穩(wěn)定可靠,用戶(hù)是政府單位的,對(duì)穩(wěn)定性要求比較高。用戶(hù)每天上傳和下載的文件都比較多,大的有10GB左右,小的有幾百KB。
?
第三點(diǎn)就是能夠提供技術(shù)支持,因?yàn)槭钦蛻?hù),必須要有技術(shù)支持,這個(gè)是硬指標(biāo),因?yàn)轫?xiàng)目周期也比較長(zhǎng),中途可能會(huì)變更需求或者定制開(kāi)發(fā),所以廠商必須提供技術(shù)服務(wù)。
?
除了這些還有一點(diǎn)就是下載功能需要也支持?jǐn)帱c(diǎn)續(xù)傳。用戶(hù)平時(shí)會(huì)從系統(tǒng)中下載很多文件,文件有大有小,大的1G,小的幾KB,但是用戶(hù)是批量下載,不是打包成ZIP下載。
?
上面的幾點(diǎn)能夠滿足的話基本上就沒(méi)有什么問(wèn)題,領(lǐng)導(dǎo)這邊希望提供OEM買(mǎi)斷或控件源代碼的采購(gòu)方式,我們是軟件公司,專(zhuān)門(mén)做政府和央企項(xiàng)目,客戶(hù)項(xiàng)目比較多,有些政府大客戶(hù)要求源代碼審查,領(lǐng)導(dǎo)希望集成到我們自己的產(chǎn)品中去賣(mài),這樣就能夠?yàn)樗杏脩?hù)提供這個(gè)功能,用戶(hù)體驗(yàn)也能夠統(tǒng)一。后面維護(hù)起來(lái)也方便。主要是領(lǐng)導(dǎo)不想每次都要單獨(dú)采購(gòu),太麻煩了。
?
示例下載:
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。