核心原理：

該項目核心就是文件分塊上傳。前后端要高度配合，需要雙方約定好一些數據，才能完成大文件分塊，我們在項目中要重點解決的以下問題。

*如何分片；

*如何合成一個文件；

*中斷了從哪個分片開始。

如何分，利用強大的js庫，來減輕我們的工作，市場上已經能有關于大文件分塊的輪子，雖然程序員的天性曾迫使我重新造輪子。但是因為時間的關系還有工作的關系，我只能罷休了。最后我選擇了百度的WebUploader來實現前端所需。

如何合，在合之前，我們還得先解決一個問題，我們如何區分分塊所屬那個文件的。剛開始的時候，我是采用了前端生成了唯一uuid來做文件的標志，在每個分片請求上帶上。不過后來在做秒傳的時候我放棄了，采用了Md5來維護分塊和文件關系。

在服務端合并文件，和記錄分塊的問題，在這方面其實行業已經給了很好的解決方案了。參考迅雷，你會發現，每次下載中的時候，都會有兩個文件，一個文件主體，另外一個就是文件臨時文件，臨時文件存儲著每個分塊對應字節位的狀態。

這些都是需要前后端密切聯系才能做好，前端需要根據固定大小對文件進行分片，并且請求中要帶上分片序號和大小。前端發送請求順利到達后臺后，服務器只需要按照請求數據中給的分片序號和每片分塊大小（分片大小是固定且一樣的）算出開始位置，與讀取到的文件片段數據，寫入文件即可。

為了便于開發，我 將服務端的業務邏輯進行了如下劃分，分成初始化，塊處理，文件上傳完畢等。

服務端的業務邏輯模塊如下

功能分析：

文件夾生成模塊

文件夾上傳完畢后由服務端進行掃描代碼如下

分塊上傳，分塊處理邏輯應該是最簡單的邏輯了，up6已經將文件進行了分塊，并且對每個分塊數據進行了標識，這些標識包括文件塊的索引，大小，偏移，文件MD5，文件塊MD5（需要開啟）等信息，服務端在接收這些信息后便可以非常方便的進行處理了。比如將塊數據保存到分布式存儲系統中

分塊上傳可以說是我們整個項目的基礎，像斷點續傳、暫停這些都是需要用到分塊。

分塊這塊相對來說比較簡單。前端是采用了webuploader，分塊等基礎功能已經封裝起來，使用方便。

借助webUpload提供給我們的文件API,前端就顯得異常簡單。

前臺HTML模板

分則必合。把大文件分片了，但是分片了就沒有原本文件功能，所以我們要把分片合成為原本的文件。我們只需要把分片按原本位置寫入到文件中去。因為前面原理那一部我們已經講到了，我們知道分塊大小和分塊序號，我就可以知道該分塊在文件中的起始位置。所以這里使用RandomAccessFile是明智的，RandomAccessFile能在文件里面前后移動。但是在andomAccessFile的絕大多數功能，已經被JDK1.4的NIO的“內存映射文件(memory-mapped files)”取代了。我在該項目中分別寫了使用RandomAccessFile與MappedByteBuffer來合成文件。分別對應的方法是uploadFileRandomAccessFile和uploadFileByMappedByteBuffer。兩個方法代碼如下。

秒傳功能

服務端邏輯

秒傳功能，相信大家都體現過了，網盤上傳的時候，發現上傳的文件秒傳了。其實原理稍微有研究過的同學應該知道，其實就是檢驗文件MD5，記錄下上傳到系統的文件的MD5,在一個文件上傳前先獲取文件內容MD5值或者部分取值MD5，然后在匹配系統上的數據。

Breakpoint-http實現秒傳原理，客戶端選擇文件之后，點擊上傳的時候觸發獲取文件MD5值，獲取MD5后調用系統一個接口（/index/checkFileMd5），查詢該MD5是否已經存在（我在該項目中用redis來存儲數據，用文件MD5值來作key，value是文件存儲的地址。）接口返回檢查狀態，然后再進行下一步的操作。相信大家看代碼就能明白了。

嗯，前端的MD5取值也是用了webuploader自帶的功能，這還是個不錯的工具。

控件計算完文件MD5后會觸發md5_complete事件，并傳值md5，開發者只需要處理這個事件即可，

斷點續傳

up6已經自動對斷點續傳進行了處理，不需要開發都再進行單獨的處理。

在f_post.jsp中接收這些參數，并進行處理，開發者只需要關注業務邏輯，不需要關注其它的方面。

斷點續傳，就是在文件上傳的過程中發生了中斷，人為因素（暫停）或者不可抗力（斷網或者網絡差）導致了文件上傳到一半失敗了。然后在環境恢復的時候，重新上傳該文件，而不至于是從新開始上傳的。

前面也已經講過，斷點續傳的功能是基于分塊上傳來實現的，把一個大文件分成很多個小塊，服務端能夠把每個上傳成功的分塊都落地下來，客戶端在上傳文件開始時調用接口快速驗證，條件選擇跳過某個分塊。

實現原理，就是在每個文件上傳前，就獲取到文件MD5取值，在上傳文件前調用接口（/index/checkFileMd5，沒錯也是秒傳的檢驗接口）如果獲取的文件狀態是未完成，則返回所有的還沒上傳的分塊的編號，然后前端進行條件篩算出哪些沒上傳的分塊，然后進行上傳。

當接收到文件塊后就可以直接寫入到服務器的文件中

這是文件塊上傳的效果

這是文件夾上傳完后的效果

這是文件夾上傳完后在服務端的存儲結構

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。