基于JavaScript實(shí)現(xiàn)大文件上傳后端代碼實(shí)例
這里只寫(xiě)后端的代碼，基本的思想就是，前端將文件分片，然后每次訪問(wèn)上傳接口的時(shí)候，向后端傳入?yún)?shù)：當(dāng)前為第幾塊文件，和分片總數(shù)
下面直接貼代碼吧，一些難懂的我大部分都加上注釋了：
上傳文件實(shí)體類：
看得出來(lái)，實(shí)體類中已經(jīng)有很多我們需要的功能了，還有實(shí)用的屬性。如MD5秒傳的信息。
首先是文件數(shù)據(jù)接收邏輯，負(fù)責(zé)接收控件上傳的文件塊數(shù)據(jù)，然后寫(xiě)到服務(wù)器的文件中。控件已經(jīng)提供了塊的索引，大小，MD5和長(zhǎng)度信息，我們可以根據(jù)需要來(lái)靈活進(jìn)行處理，也可以將文件塊的數(shù)據(jù)保存到分布式存儲(chǔ)系統(tǒng)中。
文件初始化部分
第一步：獲取RandomAccessFile,隨機(jī)訪問(wèn)文件類的對(duì)象
第二步：調(diào)用RandomAccessFile的getChannel()方法，打開(kāi)文件通道 FileChannel，這塊邏輯可以優(yōu)化，如果以后有分布式存儲(chǔ)需求，可以改為分布式存儲(chǔ)，減輕單臺(tái)服務(wù)器的壓力。
第三步：獲取當(dāng)前是第幾個(gè)分塊，計(jì)算文件的最后偏移量
第四步：獲取當(dāng)前文件分塊的字節(jié)數(shù)組，用于獲取文件字節(jié)長(zhǎng)度
第五步：使用文件通道FileChannel類的 map（）方法創(chuàng)建直接字節(jié)緩沖器MappedByteBuffer
第六步：將分塊的字節(jié)數(shù)組放入到當(dāng)前位置的緩沖區(qū)內(nèi)mappedByteBuffer.put(byte[] b);
第七步：釋放緩沖區(qū)
第八步：檢查文件是否全部完成上傳
文件夾掃描類
存儲(chǔ)路徑生成類
好了，到此就全部結(jié)束了，如果有疑問(wèn)或批評(píng)，歡迎評(píng)論和私信，我們一起成長(zhǎng)一起學(xué)習(xí)。
最后放一張實(shí)現(xiàn)的效果圖
后端代碼邏輯大部分是相同的，目前能夠支持MySQL,Oracle,SQL。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序關(guān)鍵字變色實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了微信小程序關(guān)鍵字變色實(shí)現(xiàn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
js正則表達(dá)式中test,exec,match方法的區(qū)別說(shuō)明
本篇文章主要是對(duì)js正則表達(dá)式中test,exec,match方法的區(qū)別進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
帶你領(lǐng)略O(shè)bject.assign()方法的操作方式
這篇文章主要介紹了帶你領(lǐng)略O(shè)bject.assign()方法的操作方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
JS實(shí)現(xiàn)網(wǎng)頁(yè)上隨滾動(dòng)條滾動(dòng)的層效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)上隨滾動(dòng)條滾動(dòng)的層效果代碼,涉及JavaScript頁(yè)面元素屬性的獲取、運(yùn)算及設(shè)置等操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
在默認(rèn)的餅狀圖里面,圖例legend顏色是黑色的,有時(shí)候根據(jù)ui需要,根據(jù)不同的背景色,下面這篇文章主要給大家介紹了關(guān)于echarts自定義legend樣式的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了有JSDoc還需要TypeScript的問(wèn)題示例解析,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
本文僅僅起到一個(gè)拋磚引玉的作用，讓大家了解到事件代理的原理而已，jquery中的live和delegate實(shí)現(xiàn)要復(fù)雜的多2014-03-03
javascript面向?qū)ο笕筇卣髦庋b實(shí)例詳解
這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦庋b,簡(jiǎn)單描述了封裝的基本概念、原理,并結(jié)合實(shí)例形式詳細(xì)分析了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中封裝的用法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
動(dòng)態(tài)加載iframe時(shí)get請(qǐng)求傳遞中文參數(shù)亂碼解決方法
這篇文章主要介紹了動(dòng)態(tài)加載iframe時(shí)get請(qǐng)求傳遞中文參數(shù)亂碼解決方法,需要的朋友可以參考下2014-05-05
一個(gè)簡(jiǎn)單但常用的javascript表格樣式_鼠標(biāo)劃過(guò)行變色 簡(jiǎn)潔實(shí)現(xiàn)
經(jīng)常性的會(huì)需要使用表格顯示一些東西，當(dāng)表格比較大的時(shí)候一眼望去腦袋可能會(huì)有些暈，經(jīng)常性的因?yàn)闆](méi)看準(zhǔn)行而出現(xiàn)誤操作，一般解決辦法是交替行變行或者鼠標(biāo)劃過(guò)行變色2008-09-09