我們平時(shí)經(jīng)常做的是上傳文件，上傳文件夾與上傳文件類似，但也有一些不同之處，這次做了上傳文件夾就記錄下以備后用。

這次項(xiàng)目的需求：

支持大文件的上傳和續(xù)傳，要求續(xù)傳支持所有瀏覽器，包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全瀏覽器，并且刷新瀏覽器后仍然能夠續(xù)傳，重啟瀏覽器（關(guān)閉瀏覽器后再打開(kāi)）仍然能夠繼續(xù)上傳，重啟電腦后仍然能夠上傳

支持文件夾的上傳，要求服務(wù)端能夠保留層級(jí)結(jié)構(gòu)，并且能夠續(xù)傳。需要支持10萬(wàn)個(gè)以上的文件夾上傳。

支持低版本的系統(tǒng)和瀏覽器，因?yàn)檫@個(gè)項(xiàng)目的最終運(yùn)行環(huán)境在政府，政府的配置都一般，職員都是辦公用，內(nèi)存都不大，基本上以Windows XP的系統(tǒng)為主。

1、介紹enctype

enctype 屬性規(guī)定發(fā)送到服務(wù)器之前應(yīng)該如何對(duì)表單數(shù)據(jù)進(jìn)行編碼。

enctype作用是告知服務(wù)器請(qǐng)求正文的MIME類型（請(qǐng)求消息頭content-type的作用一樣）

1、1 enctype的取值有三種

值

描述

application/x-www-form-urlencoded

在發(fā)送前編碼所有字符（默認(rèn)）

multipart/form-data

不對(duì)字符編碼。每一個(gè)表單項(xiàng)分割為一個(gè)部件

text/plain

空格轉(zhuǎn)換為 “+” 加號(hào)，但不對(duì)特殊字符編碼。

1. 當(dāng)enctype=’application/x-www-form-urlencoded’

2.當(dāng)enctype=’multipart/form-data’

通過(guò)觀察發(fā)現(xiàn)這個(gè)的請(qǐng)求體就發(fā)生了變化。這種請(qǐng)求體被稱之為多部件請(qǐng)求體。

什么是多部件請(qǐng)求體：就是把每一個(gè)表單項(xiàng)分割為一個(gè)部件。

以請(qǐng)求頭的content-type的boundary后面的一串隨機(jī)字符串作為分割標(biāo)識(shí)

普通表單項(xiàng)：

//name的意思是文本框里面name的屬性值，而admin是我們輸入的文本值

Content-Disposition: form-data; name="username"

admin

文件表單項(xiàng)

//filename的意思是：我們上傳的文件名稱，content-Type的意思是：MIME類型，asdasdas的意思是：文件里面的內(nèi)容

Content-Disposition: form-data; name="upload"; filename="a.txt"

Content-Type: text/plain

asdasdas

3. 當(dāng)enctype=’text/plain’

w3c稱：空格會(huì)變成”+”加號(hào)，但是我這里沒(méi)有發(fā)現(xiàn)，只有當(dāng)get請(qǐng)求的時(shí)候，空格會(huì)變成”+”號(hào)

進(jìn)入正題

完成上傳需要滿足3個(gè)必要的條件

提供form表單，method必須是post，因?yàn)間et請(qǐng)求的傳輸數(shù)據(jù)一般為2kb，不同瀏覽器不一樣。

form表單屬性enctype的必須是multipart/form-data

提供input type=”file”類的上傳輸入域

大致實(shí)現(xiàn)原理：當(dāng)enctype的值是multipart/form-data時(shí)，瀏覽器會(huì)把每個(gè)表單項(xiàng)進(jìn)行分割，分割成不同的部件，以boundary的值為分割標(biāo)識(shí)，這個(gè)標(biāo)識(shí)的字符串是隨機(jī)生成的，最后一個(gè)表單項(xiàng)的分割標(biāo)識(shí)字符串末尾會(huì)多兩個(gè)”- -“，代表結(jié)束。服務(wù)端用request.getHeader(“content-type”)獲取分割字符串，然后進(jìn)行解析。

代碼實(shí)現(xiàn)

一、開(kāi)發(fā)環(huán)境搭建

準(zhǔn)備兩個(gè)第三方j(luò)ar包

commons-io包

commons-upload包

所有依賴包

代碼實(shí)現(xiàn)

<%@ page language="java" import="up6.DBFile" pageEncoding="UTF-8"%>

<%@ page contentType="text/html;charset=UTF-8"%>

<%@ page import="up6.FileBlockWriter" %>

<%@ page import="up6.XDebug" %>

<%@ page import="up6.*" %>

<%@ page import="up6.biz.*" %>

<%@ page import="org.apache.commons.fileupload.FileItem" %>

<%@ page import="org.apache.commons.fileupload.FileItemFactory" %>

<%@ page import="org.apache.commons.fileupload.FileUploadException" %>

<%@ page import="org.apache.commons.fileupload.disk.DiskFileItemFactory" %>

<%@ page import="org.apache.commons.fileupload.servlet.ServletFileUpload" %>

<%@ page import="org.apache.commons.lang.*" %>

<%@ page import="java.net.URLDecoder"%>

<%@ page import="java.util.Iterator"%>

<%@ page import="net.sf.json.JSONObject"%>

<%@ page import="java.util.List"%>

<%

out.clear();

String uid = request.getHeader("uid");//

String id = request.getHeader("id");

String lenSvr = request.getHeader("lenSvr");

String lenLoc = request.getHeader("lenLoc");

String blockOffset = request.getHeader("blockOffset");

String blockSize = request.getHeader("blockSize");

String blockIndex = request.getHeader("blockIndex");

String blockMd5 = request.getHeader("blockMd5");

String complete = request.getHeader("complete");

String pathSvr = "";

//參數(shù)為空

if( StringUtils.isBlank( uid )

|| StringUtils.isBlank( id )

|| StringUtils.isBlank( blockOffset ))

{

XDebug.Output("param is null");return;

}

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

FileItemFactory factory = new DiskFileItemFactory();

ServletFileUpload upload = new ServletFileUpload(factory);

List files = null;

try {files = upload.parseRequest(request);}

catch (FileUploadException e)

{out.println("read file data error:" + e.toString());return;}

FileItem rangeFile = null;

Iterator fileItr = files.iterator();

while (fileItr.hasNext())

{

rangeFile = (FileItem) fileItr.next();

if(StringUtils.equals( rangeFile.getFieldName(),"pathSvr"))

{

pathSvr = rangeFile.getString();

pathSvr = PathTool.url_decode(pathSvr);

}

}

boolean verify = false;

String msg = "";

String md5Svr = "";

long blockSizeSvr = rangeFile.getSize();

if(!StringUtils.isBlank(blockMd5)){md5Svr = Md5Tool.fileToMD5(rangeFile.getInputStream());}

verify = Integer.parseInt(blockSize) == blockSizeSvr;

if(!verify){ msg = "block size error sizeSvr:" + blockSizeSvr + "sizeLoc:" + blockSize;}

if(verify && !StringUtils.isBlank(blockMd5))

{

verify = md5Svr.equals(blockMd5); if(!verify) msg = "block md5 error";

}

if(verify)

{

FileBlockWriter res = new FileBlockWriter();

if( Integer.parseInt(blockIndex)==1) res.CreateFile(pathSvr,Long.parseLong(lenLoc));

res.write( Long.parseLong(blockOffset),pathSvr,rangeFile);

up6_biz_event.file_post_block(id,Integer.parseInt(blockIndex));

JSONObject o = new JSONObject();

o.put("msg", "ok");

o.put("md5", md5Svr);

o.put("offset", blockOffset);

msg = o.toString();

}

rangeFile.delete();

out.write(msg);

%>

下載的必須條件

兩個(gè)頭一個(gè)流

content-type

Content-Type是返回消息中非常重要的內(nèi)容，表示文檔內(nèi)容屬于什么MIME類型。

瀏覽器會(huì)根據(jù)Content-Type來(lái)決定如何顯示返回的消息體內(nèi)容。

默認(rèn)值是text/html

可以使用request.getServletContext().getMimeType(“文件名”)獲取MIME類型。

Content-Disposition

Content-disposition 是 MIME 協(xié)議的擴(kuò)展，MIME 協(xié)議指示 MIME 用戶代理如何顯示附加的文件。

默認(rèn)值是inline，表示在瀏覽器窗口中打開(kāi)。

服務(wù)端向客戶端游覽器發(fā)送文件時(shí)，如果是瀏覽器支持的文件類型，一般會(huì)默認(rèn)使用瀏覽器打開(kāi)，比如txt、jpg等，會(huì)直接在瀏覽器 中顯示。

如果需要提示用戶保存，利用Content-Disposition進(jìn)行一下處理，關(guān)鍵在于一定要加上attachment。

例如：Content-Disposition:attachment;filename=xxx，瀏覽器就會(huì)激活下載框?qū)υ捒?#xff0c; attachment 表示附件, filname 后面跟隨的是顯示在下載框中的文件名稱。

流

下載就是向客戶端響應(yīng)字節(jié)數(shù)據(jù)! 將一個(gè)文件變成字節(jié)數(shù)組, 使用 response.getOutputStream()

來(lái)響應(yīng)給瀏覽器。

代碼如下，此代碼已經(jīng)實(shí)現(xiàn)了斷點(diǎn)續(xù)傳功能，用戶在下載過(guò)程可以暫停，和繼續(xù)下載，對(duì)服務(wù)器造成的壓力也比較小。

String fid = request.getHeader("id");

String blockIndex = request.getHeader("blockIndex");//基于1

String blockOffset = request.getHeader("blockOffset");//塊偏移，相對(duì)于整個(gè)文件

String blockSize = request.getHeader("blockSize");//塊大小（當(dāng)前需要下載的大小）

String pathSvr = request.getHeader("pathSvr");//文件在服務(wù)器的位置

pathSvr = PathTool.url_decode(pathSvr);

if ( StringUtils.isBlank(fid)

||StringUtils.isBlank(blockIndex)

||StringUtils.isEmpty(blockOffset)

||StringUtils.isBlank(blockSize)

||StringUtils.isBlank(pathSvr))

{

response.setStatus(500);

response.setHeader("err","參數(shù)為空");

return;

}

File f = new File(pathSvr);

//文件不存在

if(!f.exists())

{

response.setStatus(500);

OutputStream os = response.getOutputStream();

System.out.println(String.format("%s 文件不存在",pathSvr));

os.close();

return;

}

long fileLen = f.length();

response.setContentType("application/x-download");

response.setHeader("Pragma","No-cache");

response.setHeader("Cache-Control","no-cache");

response.addHeader("Content-Length",blockSize);

response.setDateHeader("Expires", 0);

OutputStream os = response.getOutputStream();

try

{

RandomAccessFile raf = new RandomAccessFile(pathSvr,"r");

int readToLen = Integer.parseInt(blockSize);

int readLen = 0;

raf.seek( Long.parseLong(blockOffset) );//定位索引

byte[] data = new byte[1048576];

while( readToLen > 0 )

{

readLen = raf.read(data,0,Math.min(1048576,readToLen) );

readToLen -= readLen;

os.write(data, 0, readLen);

}

os.flush();

os.close();

raf.close();

os = null;

response.flushBuffer();

out.clear();

out = pageContext.pushBody();

}

catch(Exception e)

{

response.setStatus(500);

os.close();

out.close();

e.printStackTrace();

}

finally

{

if(os != null)

{

os.close();

os = null;

}

out.clear();

out = pageContext.pushBody();

}%>

加載文件列表，在下載列表中顯示出來(lái)

后端代碼邏輯大部分是相同的，目前能夠支持MySQL,Oracle,SQL。在使用前需要配置一下數(shù)據(jù)庫(kù)，可以參考我寫的這篇文章：http://blog.ncmem.com/wordpress/2019/08/12/java-http%E5%A4%A7%E6%96%87%E4%BB%B6%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0%E4%B8%8A%E4%BC%A0/