TML實現文件夾的上傳和下載，前端如何用HTML5實現分片上傳GB級大文件，網頁中實現文件上傳下載的三種解決方案(推薦)，HTML5實現文件批量上傳組件，JQUERY 實現文件夾上傳(保留目錄結構)，B/S大文件上傳支持斷點上傳，WebService 大文件上傳,斷點續傳分片，HTML+AJAX實現上傳大文件問題，用HTML實現本地文件的上傳，HTML5實現大文件上傳，HTML5實現大文件分片上傳思路，利用HTML5分片上傳超大文件思路，

WEBUPLOADER 支持 超大上G,多附件上傳，JS 大文件分割/分片上傳，

百度WEBUPLOADER上傳視頻等大文件，WEBUPLOAD組件實現文件上傳功能和下載功能，JS大文件切片上傳，斷點續傳實現DEMO，前端上傳大文件的解決方案，前端上傳大文件處理（切片、斷點續傳），前端大文件上傳優化方案——分片上傳，vue大文件上傳解決方案，vue大文件上傳解決方案10G，vue大文件上傳解決方案50G，vue大文件上傳解決方案100G，html5如何實現大文件斷點續傳、秒傳，

java如何實現大文件斷點續傳、秒傳，SpringBoot如何實現大文件斷點續傳、秒傳，SpringMVC如何實現大文件斷點續傳、秒傳，SpringCloud如何實現大文件斷點續傳、秒傳，

webuploader如何實現大文件斷點續傳、秒傳，百度webuploader如何實現大文件斷點續傳、秒傳，html5實現大文件斷點續傳、秒傳，vue如何實現大文件斷點續傳、秒傳，前端如何實現大文件斷點續傳、秒傳，JavaScript如何實現大文件斷點續傳、秒傳，

html5大文件斷點續傳、秒傳解決方案，html5大文件斷點續傳、加密上傳解決方案，html5大文件斷點續傳、加密存儲解決方案，html5大文件斷點續傳分片解決方案，html5大文件斷點續傳分塊解決方案，html5大文件斷點續傳分割解決方案，html5大文件斷點續傳切割解決方案，

后端我們公司項目組選的是JAVA，因為公司有自己的產品，所以直接使用就行了，針對客戶需求這塊是進行擴展。

客戶這邊實際上要傳的文件單個大小就有50G左右，所以需要支持斷點續傳和分片上傳，并且要支持多線程上傳，能夠充分利用帶寬資源。

之前在網上找過相關的資料，論壇里面也有網友交流過，還加過很多QQ群和微信群，但是結果都不太令人滿意。

技術選型的話用的是jquery，也是一個企業內網系統，用的是之前公司的框架，只是進行功能擴展

分片網上討論的很多，基本上全部都是用的HTML5的API，這個方案也不是不能用，但是在IE下面就不行了，兼容性差了點，并且也不能進行擴展，不能進行二次開發，限制性非常大，我們技術同事提的要求是需要提供產品完整源代碼，

網上的文章全部都沒有提供文件夾上傳和續傳的代碼，也沒有提供數據庫操作的代碼，

另外這塊我們是要求必須提供產品完整源代碼，因為后面我們需要自已來維護，同時是要求能夠自主可控的

研發部門的同事調研過百度的webuploader這個組件，發現他實際上就是對Flash和HTML5進行了一個封裝，本質還是調的HTML5的API，之前在項目中也用過，嘗試過，但是最終都不太滿意，一個是兼容性非常差，說的是兼容IE，但是在IE用的是Flash，在很多用戶的電腦上用不了，卡頓崩潰發生的太頻繁，文件上傳的數量一多比如幾千個，前端頁面就開始卡了，用戶體驗非常差。這些問題研發部的同事都向百度反應過，但是百度webuploader那邊一直沒人回，基本上沒人管，領導說要求付費提供技術支持，那邊也是沒人回，聯系不上他們任何人。

webuploader這邊連個開發人員都聯系不到，這個是怎么回事？

用戶上傳的文件比較大，有20G左右，直接用HTML傳的話容易失敗，服務器也容易出錯，需要分片，分塊，分割上傳。也就是將一個大的文件分成若干個小文件塊來上傳，另外就是需要實現秒傳功能和防重復功能，秒傳就是用戶如果上傳過這個文件，那么直接在數據庫中查找記錄就行了，不用再上傳一次，節省時間，實現的思路是對文件做MD5計算，將MD5值保存到數據庫，算法可以用MD5，或者CRC，或者SHA1，這個隨便哪個算法都行。

切片的話還有一點就是在服務器上合并，一個文件的所有分片數據上傳完后需要在服務器端進行合并操作。

視頻教程：https://www.ixigua.com/7227314770696012322

導入項目：
導入到Eclipse：http://www.ncmem.com/doc/view.aspx?id=9da9c7c2b91b40b7b09768eeb282e647
導入到IDEA：http://www.ncmem.com/doc/view.aspx?id=9fee385dfc0742448b56679420f22162
springboot統一配置：http://www.ncmem.com/doc/view.aspx?id=7768eec9284b48e3abe08f032f554ea2

下載示例：

https://gitee.com/xproer/up6-jsp-eclipse/tree/6.5.40/

工程

NOSQL

NOSQL示例不需要任何配置，可以直接訪問測試

創建數據表

選擇對應的數據表腳本，這里以SQL為例

修改數據庫連接信息

訪問頁面進行測試

文件存儲路徑

up6/upload/年/月/日/guid/filename

相關問題：
1.javax.servlet.http.HttpServlet錯誤
2.項目無法發布到tomcat
3.md5計算完畢后卡住
4.服務器找不到config.json文件

相關參考：

文件保存位置

源碼工程文檔：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

產品源代碼：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授權生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1

換流的作用就是將我們的字節流轉換成字符流

字節流是可以處理一切內容的，包括圖片，音頻，視頻，也包括純文本，在很多系統和框架的底層返回給我們的都是字節流(有時候我們使用字節流處理并不方便,這就是我們為什么要轉換字符流的原因)

System.in,System.out都是字節流，因為我們鍵盤輸入還是輸出的都是字符串，所以我們可以對它進行轉換。

在我們的底層，如果是純文本的話就涉及到一個東西是字符集。將字節轉成字符叫做解碼(在解碼的過程中就涉及到字符集的問題，如果工程的字符集跟源頭(文件)的字符集不統一就會出現亂碼)，所以這個時候我們最好可以指定字符集

從字節流到字符流的轉換

只要我們看見Reader都建議加一個BufferedReader

將寫入的字符編碼為字節

講一下什么使用字節流，什么時候使用字符流

其實底層都是字節，我們使用字符是為了處理一些文本和字符串提高性能字符流處理的單元為2個字節的Unicode字符，分別操作字符、字符數組或字符串，而字節流處理單元為1個字節，操作字節和字節數組。所以字符流是由Java虛擬機將字節轉化為2個字節的Unicode字符為單位的字符而成的，所以它對多國語言支持性比較好！如果是音頻文件、圖片、歌曲，就用字節流好點，如果是關系到中文（文本）的，用字符流好點 所有文件的儲存是都是字節（byte）的儲存，在磁盤上保留的并不是文件的字符而是先把字符編碼成字節，再儲存這些字節到磁盤。在讀取文件（特別是文本文件）時，也是一個字節一個字節地讀取以形成字節序列

字節流和字符流的使用:

Java IO流中提供了兩種用于將字節流轉換為字符流的轉換流。其中InputStreamReader用于將字節輸入流轉換為字符輸入流，其中OutputStreamWriter用于將字節輸出流轉換為字符輸出流。使用轉換流可以在一定程度上避免亂碼，還可以指定輸入輸出所使用的字符集

講一下緩存流和轉換流的結合，看見Reader我們就可以使用緩存流提高性能

使用轉換流實現字節到字符的轉換以及輸入和輸出

· 節點流：可以從或向一個特定的地方（節點）讀寫數據。如FileReader.

· 處理流：是對一個已存在的流的連接和封裝，通過所封裝的流的功能調用實現數據讀寫。如BufferedReader.處理流的構造方法總是要帶一個其他的流對象做參數。一個流對象經過其他流的多次包裝，稱為流的鏈接。

講一下什么是節點流

字符流和字節流就可以叫做節點流

出現亂碼的原因有兩種:

1.字節數不夠出現亂碼

2.字符集不統一出現亂碼

html文件的下載，如何使用字節流，如何使用轉換流

在java中文件的傳輸其實就是靠流來實現的，網絡流也是屬于字節流，所以我們先使用字節流

我覺得寫的時候應該是全部都寫出來才寫的，具體debug才知道，我這里就不弄了

為什么讀取的時候亂碼，寫入的時候不亂碼

忽然一下子自己就懂了，總之寫入的時候只要講字符集設置的和源頭的文件一致就可以了

面我推薦幾款工具

HTML App Build

HTML App Build 工具是一款可以將 HTML 網頁轉換為 EXE 可執行文件的軟件。它可以讓您使用 HTML、JavaScript 和 CSS 等網頁技術開發跨平臺的移動應用

使用 HTML App Build 工具的步驟如下：

1. 在您的電腦上安裝 HTML App Build 工具

2. 打開 HTML App Build 工具，選擇“文件”-> “新建”->“項目”，輸入項目名稱和保存路徑，選擇“5+ App”模板。

3. 編寫您的 HTML、JavaScript 和 CSS 代碼，或者使用 HBuilderX 內置的 HTML5+ API 和 MUI 框架來快速開發移動應用。

4. 在 HTML App Build 工具中選擇“運行”-> “運行到手機或模擬器”，查看您的應用在真機或模擬器上的效果。

5. 在 HTML App Build 工具中選擇“云打包”-> “打包設置”，設置應用的圖標、名稱、版本號等信息，然后選擇“開始云打包”。

6. 等待云打包完成后，下載應用的 EXE 文件，或者掃描二維碼在手機上安裝應用。

HEX

HEX 工具是一款可以將 HTML 網頁轉換為 EXE 或 APP 的軟件。它可以讓您使用 HTML等網頁技術開發桌面或移動應用。

使用 HEX 工具將 HTML 變為 EXE 或 APP 的步驟如下：

1. 在您的電腦上安裝 HEX 工具。

2.打開HEX 工具，選擇“新建項目”，輸入項目名稱和保存路徑，選擇“HTML”模式。

3.編寫您的 HTML ，JavaScript 和 CSS 代碼，或者使用現有的 HTML 網頁文件。

4.在HEX 工具中選擇“發布項目”，設置您的應用的圖標、名稱、版本號等信息，然后選擇“生成 EXE”或“生成 APP”。

5.等待生成完成后，您就可以得到您的應用的 EXE 或 APP 文件，可以在電腦或手機上運行。

這是詳細的使用過程：HTML杞? EXE錛寃eb欏圭洰鎵撳寘 exe鐨勮В鍐蟲柟妗堬紙1錛夛細HEX - 鐭ヤ箮

HTML Compiler

HTML Compiler是一款可以將HTML文件轉換為可執行文件的工具。您可以使用它來制作獨立的網頁應用程序或演示文稿。要使用HTML Compiler工具，您需要按照以下步驟操作：

1. 下載并安裝HTML Compiler2021直裝版，或者從官網下載最新版本。

2. 打開HTML Compiler，選擇“新建項目”或“打開項目”，并選擇您要編譯的HTML文件或文件夾。

3. 在項目設置中，您可以修改應用程序的名稱、圖標、版本、版權等信息，以及選擇編譯選項和輸出路徑。

4. 點擊“編譯”按鈕，等待編譯完成，您就可以在輸出路徑中找到生成的可執行文件了。

這是關于html compiler直裝版的詳細教程HTML Compiler2021直裝版 附安裝教程及特點 - 嗶哩嗶哩

如果您只是想編輯和運行HTML文件，而不需要編譯成可執行文件，您可以使用其他的HTML編輯器，例如VS Code、HBuilderX、Online HTML Editor等。這些編輯器都提供了語法高亮、代碼提示、實時預覽等功能，可以幫助您快速編寫和測試HTML代碼。