整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
TML5系列開發(fā)精講高清視頻教程（包括：HTML5基礎(chǔ)、CSS3基礎(chǔ)、JavaScript基礎(chǔ)、HTML5新特性基礎(chǔ)、響應(yīng)式布局、jQuery基礎(chǔ)、jQuery UI基礎(chǔ)、jQuery Mobile基礎(chǔ)、CreateJS基礎(chǔ)）
一、總目錄
目錄（課時：47講）
二、HTML5基礎(chǔ)
目錄（課時：29講）
三、CSS3基礎(chǔ)
目錄（課時：37講）
四、JavaScript基礎(chǔ)
目錄（課時：37講）
五、HTML5新特性基礎(chǔ)
目錄（課時：37講）
06、響應(yīng)式布局
07、jQuery基礎(chǔ)
08、jQuery UI基礎(chǔ)
09、jQuery Mobile基礎(chǔ)
10、CreateJS基礎(chǔ)
06-10小編就這里就不截圖了，都是精華視頻教程，需要的用戶趕快下載吧！我們接下來每天會推出一套程序開發(fā)精華教程，需要的用戶敬請關(guān)注我們！
下載地址：（這里發(fā)不出來）
加QQ群：149953012獲取！
后臺看到訪問記錄，很多用戶提了這個需求，要求用HTML5來實現(xiàn)。網(wǎng)上搜了一下，發(fā)現(xiàn)這類需求很多，相關(guān)的文章和代碼也很多，大部分用的是VUE，H5的也有，不過只提供了前端部分，后端的沒有。然后也不完善，花了很多的時間找了一些，有的用是能用，但是小問題太多，找這些能用的代碼，所花的時間都能夠完全自已寫一個出來了。很多代碼后續(xù)維護(hù)也是個問題，找不到原技術(shù)人員，也沒有完善的文檔，開發(fā)維護(hù)都靠自已，這樣花的時間有點不值得。
代碼：https://gitee.com/xproer/up6-vue-cli
1.引入up6組件
2.配置接口地址
接口地址分別對應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表
參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.定義事件
TML5實現(xiàn)大文件上傳下載，JQUERY大文件上傳(切片)，HTML實現(xiàn)文件夾的上傳和下載，前端如何用HTML5實現(xiàn)分片上傳GB級大文件，網(wǎng)頁中實現(xiàn)文件上傳下載的三種解決方案(推薦)，HTML5實現(xiàn)文件批量上傳組件，JQUERY 實現(xiàn)文件夾上傳(保留目錄結(jié)構(gòu))，B/S大文件上傳支持?jǐn)帱c上傳，WebService 大文件上傳,斷點續(xù)傳分片，HTML+AJAX實現(xiàn)上傳大文件問題，用HTML實現(xiàn)本地文件的上傳，HTML5實現(xiàn)大文件上傳，HTML5實現(xiàn)大文件分片上傳思路，利用HTML5分片上傳超大文件思路，
WEBUPLOADER 支持 超大上G,多附件上傳，JS 大文件分割/分片上傳，
百度WEBUPLOADER上傳視頻等大文件，WEBUPLOAD組件實現(xiàn)文件上傳功能和下載功能，JS大文件切片上傳，斷點續(xù)傳實現(xiàn)DEMO，前端上傳大文件的解決方案，前端上傳大文件處理（切片、斷點續(xù)傳），前端大文件上傳優(yōu)化方案——分片上傳，vue大文件上傳解決方案，vue大文件上傳解決方案10G，vue大文件上傳解決方案50G，vue大文件上傳解決方案100G，html5如何實現(xiàn)大文件斷點續(xù)傳、秒傳，
java如何實現(xiàn)大文件斷點續(xù)傳、秒傳，SpringBoot如何實現(xiàn)大文件斷點續(xù)傳、秒傳，SpringMVC如何實現(xiàn)大文件斷點續(xù)傳、秒傳，SpringCloud如何實現(xiàn)大文件斷點續(xù)傳、秒傳，
webuploader如何實現(xiàn)大文件斷點續(xù)傳、秒傳，百度webuploader如何實現(xiàn)大文件斷點續(xù)傳、秒傳，html5實現(xiàn)大文件斷點續(xù)傳、秒傳，vue如何實現(xiàn)大文件斷點續(xù)傳、秒傳，前端如何實現(xiàn)大文件斷點續(xù)傳、秒傳，JavaScript如何實現(xiàn)大文件斷點續(xù)傳、秒傳，
html5大文件斷點續(xù)傳、秒傳解決方案，html5大文件斷點續(xù)傳、加密上傳解決方案，html5大文件斷點續(xù)傳、加密存儲解決方案，html5大文件斷點續(xù)傳分片解決方案，html5大文件斷點續(xù)傳分塊解決方案，html5大文件斷點續(xù)傳分割解決方案，html5大文件斷點續(xù)傳切割解決方案，
項目是一個新項目，開發(fā)部門在技術(shù)選型方面采用的是后端用的SpringBoot，前端用的VUE2，數(shù)據(jù)庫用的MySQL，主要是考慮兼容和遷移，客戶那邊確認(rèn)過，明年開始將遷移到信創(chuàng)國產(chǎn)化平臺中，
后端我們公司項目組選的是JAVA，因為公司有自己的產(chǎn)品，所以直接使用就行了，針對客戶需求這塊是進(jìn)行擴展。
客戶這邊實際上要傳的文件單個大小就有50G左右，所以需要支持?jǐn)帱c續(xù)傳和分片上傳，并且要支持多線程上傳，能夠充分利用帶寬資源。
之前在網(wǎng)上找過相關(guān)的資料，論壇里面也有網(wǎng)友交流過，還加過很多QQ群和微信群，但是結(jié)果都不太令人滿意。
技術(shù)選型的話用的是jquery，也是一個企業(yè)內(nèi)網(wǎng)系統(tǒng)，用的是之前公司的框架，只是進(jìn)行功能擴展
分片網(wǎng)上討論的很多，基本上全部都是用的HTML5的API，這個方案也不是不能用，但是在IE下面就不行了，兼容性差了點，并且也不能進(jìn)行擴展，不能進(jìn)行二次開發(fā)，限制性非常大，我們技術(shù)同事提的要求是需要提供產(chǎn)品完整源代碼，
網(wǎng)上的文章全部都沒有提供文件夾上傳和續(xù)傳的代碼，也沒有提供數(shù)據(jù)庫操作的代碼，
另外這塊我們是要求必須提供產(chǎn)品完整源代碼，因為后面我們需要自已來維護(hù)，同時是要求能夠自主可控的
研發(fā)部門的同事調(diào)研過百度的webuploader這個組件，發(fā)現(xiàn)他實際上就是對Flash和HTML5進(jìn)行了一個封裝，本質(zhì)還是調(diào)的HTML5的API，之前在項目中也用過，嘗試過，但是最終都不太滿意，一個是兼容性非常差，說的是兼容IE，但是在IE用的是Flash，在很多用戶的電腦上用不了，卡頓崩潰發(fā)生的太頻繁，文件上傳的數(shù)量一多比如幾千個，前端頁面就開始卡了，用戶體驗非常差。這些問題研發(fā)部的同事都向百度反應(yīng)過，但是百度webuploader那邊一直沒人回，基本上沒人管，領(lǐng)導(dǎo)說要求付費提供技術(shù)支持，那邊也是沒人回，聯(lián)系不上他們?nèi)魏稳恕?/p>
webuploader這邊連個開發(fā)人員都聯(lián)系不到，這個是怎么回事？
用戶上傳的文件比較大，有20G左右，直接用HTML傳的話容易失敗，服務(wù)器也容易出錯，需要分片，分塊，分割上傳。也就是將一個大的文件分成若干個小文件塊來上傳，另外就是需要實現(xiàn)秒傳功能和防重復(fù)功能，秒傳就是用戶如果上傳過這個文件，那么直接在數(shù)據(jù)庫中查找記錄就行了，不用再上傳一次，節(jié)省時間，實現(xiàn)的思路是對文件做MD5計算，將MD5值保存到數(shù)據(jù)庫，算法可以用MD5，或者CRC，或者SHA1，這個隨便哪個算法都行。
切片的話還有一點就是在服務(wù)器上合并，一個文件的所有分片數(shù)據(jù)上傳完后需要在服務(wù)器端進(jìn)行合并操作。
視頻教程：https://www.ixigua.com/7226245960341389859
1.下載示例
https://gitee.com/xproer/up6-vue-cli
將up6組件復(fù)制到項目中
示例中已經(jīng)包含此目錄
1.引入up6組件
2.配置接口地址
接口地址分別對應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表
參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.處理事件
啟動測試
啟動成功
效果
數(shù)據(jù)庫
源碼工程文檔：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
產(chǎn)品源代碼：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授權(quán)碼生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
