WebUploaderJava大文件分片上传.docx

开始同步

三、servlet分片获取

分片就是前段将文件分成多个，每片都是一个post请求，有多少片就请求多少次servlet；

我们以获取的guid为文件名建立临时文件夹，以chunk（片序号）为文件名来存储文件；

以下为代码：

packagecom.airodlcx;

importjava.io.File;

importjava.io.IOException;

importjava.lang.reflect.InvocationTargetException;

importjava.util.ArrayList;

importjava.util.HashMap;

importjava.util.List;

importjava.util.Map;

importjavax.servlet.ServletException;

importjavax.servlet.http.HttpServlet;

importjavax.servlet.http.HttpServletRequest;

importjavax.servlet.http.HttpServletResponse;

importmons.beanutils.BeanUtils;

importmons.fileupload.FileItem;

importmons.fileupload.FileUploadException;

importmons.fileupload.disk.DiskFileItemFactory;

importmons.fileupload.servlet.ServletFileUpload;

importmons.io.FileUtils;

/**

*ServletimplementationclassUploadVideo

*/

publicclassUploadVideoServletextendsHttpServlet{

privatestaticfinallongserialVersionUID=1L;

/**

*@seeHttpServlet#HttpServlet（）

*/

publicUploadVideoServlet（）{

super（）;

//TODOAuto-generatedconstructorstub

}

/**

*@seeHttpServlet#doGet（HttpServletRequestrequest,HttpServletResponse

*response）

*/

protectedvoiddoGet（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

//TODOAuto-generatedmethodstub

response.getWriter（）.append（"Servedat:

"）.append（request.getContextPath（））;

}

/**

*@seeHttpServlet#doPost（HttpServletRequestrequest,HttpServletResponse

*response）

*/

protectedvoiddoPost（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

Stringpath=request.getSession（）.getServletContext（）.getRealPath（"/upload"）;

System.out.println（path）;

DiskFileItemFactoryfactory=newDiskFileItemFactory（）;

//2、创建一个文件上传解析器

ServletFileUploadupload=newServletFileUpload（factory）;

//解决上传文件名的中文乱码

upload.setHeaderEncoding（"UTF-8"）;

//3、判断提交上来的数据是否是上传表单的数据

if（!

ServletFileUpload.isMultipartContent（request））{

return;

}

//4、使用ServletFileUpload解析器解析上传数据，解析结果返回的是一个List集合，每一个FileItem对应一个Form表单的输入项

Listlist=null;

try{

list=upload.parseRequest（request）;

}catch（FileUploadExceptione）{

e.printStackTrace（）;

}

HashMapmap=newHashMap（）;

System.out.println（"-------------------------------------------------------------"）;

for（FileItemitem:

list）{

if（item.isFormField（））{

/**

*表单数据

*/

Stringname=item.getFieldName（）;

//解决普通输入项的数据的中文乱码问题

Stringvalue=item.getString（"UTF-8"）;

//value=newString（value.getBytes（"iso8859-1"）,"UTF-8"）;

System.out.println（name+"="+value）;

map.put（name,value）;//放入map集合

}else{

/**

*文件上传

*/

FilefileParent=newFile（path+"/"+map.get（"guid"））;//以guid创建临时文件夹

System.out.println（fileParent.getPath（））;

if（!

fileParent.exists（））{

fileParent.mkdir（）;

}

Stringfilename=item.getName（）;

if（filename==null||filename.trim（）.equals（""））{

continue;

}

//注意：

不同的浏览器提交的文件名是不一样的，有些浏览器提交上来的文件名是带有路径的，如：

//c:

\a\b\1.txt，而有些只是单纯的文件名，如：

1.txt

//处理获取到的上传文件的文件名的路径部分，只保留文件名部分

filename=filename.substring（filename.lastIndexOf（"\\"）+1）;

//创建文件

Filefile;

if（map.get（"chunks"）!

=null）{

file=newFile（fileParent,map.get（"chunk"））;

}else{

file=newFile（fileParent,"0"）;

}

//copy

FileUtils.copyInputStreamToFile（item.getInputStream（）,file）;

}

}

}

}

四、前端WebUploader上传完毕触发uploadSuccess事件

uploader.on（'uploadSuccess',function（file）{

alert（uploader.options.formData.guid）;

alert（Math.ceil（file.size/（5*1024*1024）））;

alert（file.name）;

$（'#'+file.id）.find（'p.state'）.text（'已上传'）;

$.post（"UploadSuccessServlet",{"guid":

uploader.options.formData.guid,chunks:

Math.ceil（file.size/（5*1024*1024））,fileName:

file.name},

function（data）{

},"json"）;

}）;

请求servlet去合并之前的guid文件夹下的分片文件，post请求中的分片数量可以用来校验，获取的分片是否正确，也可以前端传递md5,后台校验；

五、后台获取的log

图：

上传的GUID命名的文件夹

图:

文件夹下的分片文件

每个分割线包住的地方是一个servlet请求，最后在success请求的servlet是进行文件校验并合并文件即可；代码见下：

6、java文件合并

代码见下：

protectedvoiddoPost（HttpServletRequestrequest,HttpServletResponseresponse）throwsServletException,IOException{

Stringpath=request.getSession（）.getServletContext（）.getRealPath（"/upload"）;

Stringguid=request.getParameter（"guid"）;

intchunks=Integer.parseInt（request.getParameter（"chunks"））;

StringfileName=request.getParameter（"fileName"）;

System.out.println（"start...!

guid="+guid+";chunks="+chunks+";fileName="+fileName）;

/**

*进行文件合并

*/

Filefile=newFile（path+"/"+guid）;

/**

*判断分片数量是否正确

*/

if（file.list（）.length!

=chunks）{

return;

}

newFile（"F:

//upload"+"/"+guid）.mkdir（）;

/**

*进行文件合并

*/

FilenewFile=newFile（"F:

//upload"+"/"+guid+"/"+fileName）;

FileOutputStreamoutputStream=newFileOutputStream（newFile,true）;//文件追加写入

byte[]byt=newbyte[10*1024*1024];

intlen;

FileInputStreamtemp=null;//分片文件

for（inti=0;i

temp=newFileInputStream（newFile（path+"/"+guid+"/"+i））;

while（（len=temp.read（byt））!

=-1）{

System.out.println（len）;

outputStream.write（byt,0,len）;

}

}

/**

*当所有追加写入都写完才可以关闭流

*/

outputStream.close（）;

temp.close（）;

System.out.println（"success!

guid="+guid+";chunks="+chunks+";fileName="+fileName）;

}

文件夹以guid命名，数据库储存guid的名字，后期数据移动，只需要更改前端显示的路径；

在这里up遇到一个问题，上传报错：

IOException:

磁盘空间不足；然而我上传的磁盘还有20G；原因是系统盘空间不足；up重装系统就好了；

注：

1、进度条的显示就很容易了

引入bootstrap的进度条

0%;">

60%Complete