基于jquery ajax 无刷新 文件批量下传插件 GooUploader整合struts2实现下传
日期：2014-05-16 浏览次数：20640 次
基于jquery ajax 无刷新 文件批量上传插件 GooUploader整合struts2实现上传
今天下午安排了一个任务：要实现多文件上传，也就是批量上传文件。相信单个文件上传很多人都实现过，批量上传也有不少人实现过，我之前批量上传的做法是利用js或jquery来动态添加删除<input type="file" name="file" />的。感觉在用户体验上也不是很好，于是在网上google一把，发现大家常用的是swfupload.swf这个插件，网上也有类似的例子，但也发现了GooUploader这个插件，它是基于swfupload.swf，也就是底层封装了改插件，同时可以实现无刷新。于是在网上google一把，下了下来。下下来的可以直接放在tomcat运行了，不过它后台是基于servlet实现的。代码如下：
通过反编译工具查看的，它的底层是基于apache的两个有名的常用的组件：commons-fileupload-1.2.1和commons-io-1.4.jar实现的。
?
package servlet;
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintStream;
import java.io.PrintWriter;
import javax.servlet.Servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItemIterator;
import org.apache.commons.fileupload.FileItemStream;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.fileupload.util.Streams;
public class UploadFileServlet extends HttpServlet
implements Servlet
{
File tmpDir = null;
File saveDir = null;
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
doPost(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try {
request.setCharacterEncoding("UTF-8");
if (ServletFileUpload.isMultipartContent(request)) {
DiskFileItemFactory dff = new DiskFileItemFactory();
dff.setRepository(this.tmpDir);
dff.setSizeThreshold(1024000);
ServletFileUpload sfu = new ServletFileUpload(dff);
sfu.setFileSizeMax(109999999L);
sfu.setSizeMax(999999999L);
FileItemIterator fii = sfu.getItemIterator(request);
while (fii.hasNext()) {
FileItemStream fis = fii.next();
if ((!fis.isFormField()) && (fis.getName().length() > 0)) {
System.out.println(fis.getName());
String fileName = fis.getName();
BufferedInputStream in = new BufferedInputStream(fis.openStream());
BufferedOutputStream out = new BufferedOutputStream(new FileOutputStream(new File("f:\\nokia\\" + fileName)));
Streams.copy(in, out, true);
}
}
response.getWriter().println("File upload successfully!!!");
}
} catch (Exception e) {
e.printStackTrace();
}
}
public void init()
throws ServletException
{
super.init();
String tmpPath = "f:\\nokia\\";
String savePath = "f:\\nokia\\";
this.tmpDir = new File(tmpPath);
this.saveDir = new File(savePath);
if (!this.tmpDir.isDirectory())
this.tmpDir.mkdir();
if (!this.saveDir.isDirectory())
this.saveDir.mkdir();
System.out.print("UploadFileServlet init");
}
}
?主要就是这个servlet就实现了。由于我的项目是用ssh2，于是就考虑用struts2来实现，废话少说了，
先看效果图：
主要代码如下：
?
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文件上传控件GooUploader</title>
<link rel="stylesheet" type="text/css" href="codebase/GooUploader.css"/>
<script type="text/javascript" src="codebase/jquery-1.3.2.min.js"></script>
<script type="text/jav
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
