最近做毕业设计——oa系统,在邮箱这块用到了附件上传。在度娘找了好多jquery的控件,最终选择了uploadify。
首先去官网下载uploadify ——http://www.uploadify.com/(选择falsh版本,html5是付费服务).
解压后可以看到
项目构建图
2 导入包编写jsp页面代码
$(function() {
$('#file_upload').uploadify({ //按钮ID
'swf' : 'uploadify/uploadify.swf', //控件地址
'uploader' : 'MultiUploadServlet' //后台数据处理servlet地址
});
});
Uploadify Demo
3.编写后台servlet代码
package com.uploadify;
import java.io.File;
import java.io.IOException;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class MultiUploadServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,
IOException {
String dir = "upload";// 按日期生成存放目录
String savePath = this.getServletConfig().getServletContext().getRealPath(dir);
File f1 = new File(savePath);
if (!f1.exists()) {
f1.mkdirs();
}
f1 = null;
DiskFileItemFactory fac = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(fac);
upload.setHeaderEncoding("UTF-8");
List fileList = null;
try {
fileList = upload.parseRequest(request);
} catch (FileUploadException ex) {
ex.printStackTrace();
return;
}
if (fileList == null) {
return;
}
Iterator it = fileList.iterator();
String name = "";
String extName = "";
while (it.hasNext()) {
FileItem item = it.next();
if (!item.isFormField()) {
name = item.getName();
if (name == null || name.trim().equals("")) {
continue;
}
// 文件后缀名如:.mp3
if (name.lastIndexOf(".") >= 0) {
extName = name.substring(name.lastIndexOf("."));
}
String fileName = name.replaceAll("\\s", "");
fileName = fileName.substring(0, fileName.lastIndexOf(".") - 1);
/* 日期+100以内的随机数 */
File f = new File(savePath + "/" + fileName + extName);
while (f.exists()) {// 如果文件存在,在文件名后加上随机数做区分
int rand = (int) Math.round(Math.random() * 100);
fileName += "_" + rand;
f = new File(savePath + "/" + fileName + extName);
}
f = null;
File saveFile = new File(savePath + "/" + fileName + extName);
try {
item.write(saveFile);
} catch (Exception e) {
e.printStackTrace();
}
System.out.println(savePath + "/" + fileName + extName);
}
}
}
}
4 运行效果
这样一个简单的上传就ok啦。