基于JavaScript實現(xiàn)大文件上傳后端代碼實例
這里只寫后端的代碼，基本的思想就是，前端將文件分片，然后每次訪問上傳接口的時候，向后端傳入?yún)?shù)：當前為第幾塊文件，和分片總數(shù)
下面直接貼代碼吧，一些難懂的我大部分都加上注釋了：
上傳文件實體類：
看得出來，實體類中已經(jīng)有很多我們需要的功能了，還有實用的屬性。如MD5秒傳的信息。
首先是文件數(shù)據(jù)接收邏輯，負責接收控件上傳的文件塊數(shù)據(jù)，然后寫到服務器的文件中?？丶呀?jīng)提供了塊的索引，大小，MD5和長度信息，我們可以根據(jù)需要來靈活進行處理，也可以將文件塊的數(shù)據(jù)保存到分布式存儲系統(tǒng)中。
文件初始化部分
第一步：獲取RandomAccessFile,隨機訪問文件類的對象
第二步：調用RandomAccessFile的getChannel()方法，打開文件通道 FileChannel，這塊邏輯可以優(yōu)化，如果以后有分布式存儲需求，可以改為分布式存儲，減輕單臺服務器的壓力。
第三步：獲取當前是第幾個分塊，計算文件的最后偏移量
第四步：獲取當前文件分塊的字節(jié)數(shù)組，用于獲取文件字節(jié)長度
第五步：使用文件通道FileChannel類的 map（）方法創(chuàng)建直接字節(jié)緩沖器MappedByteBuffer
第六步：將分塊的字節(jié)數(shù)組放入到當前位置的緩沖區(qū)內mappedByteBuffer.put(byte[] b);
第七步：釋放緩沖區(qū)
第八步：檢查文件是否全部完成上傳
文件夾掃描類
存儲路徑生成類
好了，到此就全部結束了，如果有疑問或批評，歡迎評論和私信，我們一起成長一起學習。
最后放一張實現(xiàn)的效果圖
后端代碼邏輯大部分是相同的，目前能夠支持MySQL,Oracle,SQL。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
檢測窗口是否關閉，在當前窗口關閉前使用js做到這一點，下面是具體的實現(xiàn)，感興趣的朋友可以參考下2014-09-09
Electron是一款流行的跨平臺框架,用于構建桌面應用程序,它基于Web技術棧,結合了Chromium和Node.js,可以使用HTML、CSS和JavaScript開發(fā)跨平臺的應用程序,本文將介紹electron版本升級的簡單步驟,并提供相應的源代碼示例,需要的朋友可以參考下2024-05-05
使用JavaScript和CSS實現(xiàn)文本隔行換色的方法
這篇文章主要介紹了使用JavaScript和CSS實現(xiàn)文本隔行換色的方法,當然最普通的也可以單純用CSS實現(xiàn),需要的朋友可以參考下2015-11-11
JavaScript?數(shù)據(jù)結構之集合創(chuàng)建(1)
這篇文章主要介紹了JavaScript?數(shù)據(jù)結構之集合創(chuàng)建，集合是由一組無序且唯一的元素組成。數(shù)據(jù)結構中的集合，對應的是數(shù)學概念當中的有限集合；下文詳細介紹需要的小伙伴可以參考一下2022-04-04
用js有很久了，但都沒有深究過js的數(shù)組形式。偶爾用用也就是簡單的string.split(char)。對于字符的處理很多情況下需要用到數(shù)組2013-03-03
JavaScript數(shù)據(jù)類型轉換詳解（推薦）
眾所周知JavaScript是一門弱類型（語言，即變量的類型是不確定的。所以下面這篇文章主要給大家介紹了關于JavaScript數(shù)據(jù)類型轉換的相關資料,需要的朋友可以參考下2021-05-05
淺談toLowerCase和toLocaleLowerCase的區(qū)別
下面小編就為大家?guī)硪黄獪\談toLowerCase和toLocaleLowerCase的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了js實現(xiàn)的tab標簽切換效果，功能非常簡單，實現(xiàn)了點擊切換的效果，推薦給大家，有需要的小伙伴可以參考下。2015-09-09
這篇文章主要為大家詳細介紹了pageGroup.js實現(xiàn)分頁功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要給大家介紹了關于js中Generator函數(shù)的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Javascript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04