上篇文章演示了搭建ssm项目，这篇文章在此基础上实现上传和下载
一、pom文件加入上传所需依赖
<dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3</version> </dependency>
二、编写代码并加jquery
1.upload.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%-- 解析出错，EL表达式没生效加<%@ page isELIgnored="false"%> --%>
<script type="text/javascript"
src="${pageContext.request.contextPath}/javascript/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
var contextPath = "${pageContext.request.contextPath}";
function doUpload() {
var fileObj1 = document.getElementById("enterFile").files[0]; // js 获取文件对象
var fileObj2 = document.getElementById("deviceFile").files[0]; // js 获取文件对象
var FileController = "${pageContext.request.contextPath}/mvc/dataAcquisition/uploads"; // 接收上传文件的后台地址
// FormData 对象
var form = new FormData();
form.append("enterFile", fileObj1); // 文件对象
form.append("deviceFile", fileObj2); // 文件对象
$.ajax({
url: contextPath + "/mvc/upload/doUploads",
type: "post",
data: form,
dataType : "json",
//async: false,
contentType: false, //不加后台会报异常FileUploadBase$InvalidContentTypeException
processData: false, //不加前台会报错Illegal invocation
success: function(data){
alert(data)
clearInput()
},
error: function(data) {
console.log("data"+data)
alert(data);
clearInput()
}
});
}
function clearInput(){
$("#enterFile").val("");
$("#deviceFile").val("");
$("#deviceTotal").val("");
}
</script>
<style>
body {
font-family: "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
background-color: #F0F0F2;
}
</style>
</head>
<body>
<form action="" enctype="multipart/form-data" method="post">
<input type="hidden" id="message" value="${msg }">
<table align="center" width="100%" class="form-inline">
<tr height="60px;">
<td align="right"><label >附件一：</label></td>
<td>
<input class="form-control" style="width:230px;" type="file" id="enterFile" name="enterFile"/>
</td>
</tr>
<tr height="60px;">
<td align="right"><label >附件二：</label></td>
<td>
<input class="form-control" style="width:230px;" type="file" id="deviceFile" name="deviceFile"/>
</td>
</tr>
<tr height="60px;">
<td align="right"><label >备注：</label></td>
<td>
<input name="deviceTotal" id="deviceTotal" class="form-control" style="width: 230px;height: 35px;"/>
</td>
</tr>
<tr>
<td style="padding-left:227px;" colspan="2">
<button type="button" onclick="doUpload()" style="width: 115px;height: 30px;background-color: #404f64;color: #ffffff">提交</button>
<button type="button" onclick="clearInput()" style="width: 115px;height: 30px;background-color: #ff634d;color: #ffffff">清空</button>
</td>
</tr>
</table>
</form>
</body>
</html>
2.UploadFile.java
package com.channelsoft.ssm.controller;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadBase;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.log4j.Logger;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;
@Controller
@RequestMapping("upload")
public class UploadFile {
private static Logger logger = Logger.getLogger(UploadFile.class);
@RequestMapping("/gotoUpLoad")
public ModelAndView gotoUpLoad(HttpServletRequest request,Model model){
logger.debug("进入gotoUpLoad()方法...");
return new ModelAndView("upload");
}
@ResponseBody
@RequestMapping("/doUploads")
public String doUploads(HttpServletRequest request, HttpServletResponse response) {
// 得到上传文件的保存目录，将上传的文件存放于WEB-INF目录下，不允许外界直接访问，保证上传文件的安全
Date date = new Date();
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
StringBuffer path = new StringBuffer();
path.append("/WEB-INF/upload/");
path.append(sdf.format(date));
String savePath = request.getSession().getServletContext().getRealPath(path.toString());
// 上传时生成的临时文件保存目录
String tempPath = request.getSession().getServletContext().getRealPath("/WEB-INF/temp");
File tmpFile = new File(tempPath);
File saveFile = new File(savePath);
if (!tmpFile.exists()) {
// 创建临时目录
tmpFile.mkdir();
}
if (!saveFile.exists() && !saveFile.isDirectory()) {
saveFile.mkdirs();
}
// 消息提示
String message = "";
try {
// 使用Apache文件上传组件处理文件上传步骤：
// 1、创建一个DiskFileItemFactory工厂
DiskFileItemFactory factory = new DiskFileItemFactory();
// 设置工厂的缓冲区的大小，当上传的文件大小超过缓冲区的大小时，就会生成一个临时文件存放到指定的临时目录当中。
factory.setSizeThreshold(1024 * 100);// 设置缓冲区的大小为100KB，如果不指定，那么缓冲区的大小默认是10KB
// 设置上传时生成的临时文件的保存目录
factory.setRepository(tmpFile);
// 2、创建一个文件上传解析器
ServletFileUpload upload = new ServletFileUpload(factory);
// 解决上传文件名的中文乱码
// upload.setHeaderEncoding("UTF-8");
// 3、判断提交上来的数据是否是上传表单的数据
if (!ServletFileUpload.isMultipartContent(request)) {
// 按照传统方式获取数据
request.setAttribute("msg", "form表单为空");
}
// 设置上传单个文件的大小的最大值，目前是设置为1024*1024字节，也就是1MB
upload.setFileSizeMax(1024 * 1024 * 2);
// 设置上传文件总量的最大值，最大值=同时上传的多个文件的大小的最大值的和，目前设置为10MB
upload.setSizeMax(1024 * 1024 * 10);
// 4、使用ServletFileUpload解析器解析上传数据，解析结果返回的是一个List<FileItem>集合，每一个FileItem对应一个Form表单的输入项
List<FileItem> list = upload.parseRequest(request);
for (FileItem item : list) {
String name = item.getFieldName();
if (item.isFormField()) {
// 处理fileitem中封装的是普通输入项的数据
String value = item.getString();
} else {
// 如果fileitem中封装的是上传文件
// 得到上传的文件名称，
String filename = item.getName();
filename = java.net.URLDecoder.decode(filename, "gbk");
logger.debug("filename:" + filename);
if (filename == null || filename.trim().equals("")) {
continue;
}
// 注意：不同的浏览器提交的文件名是不一样的，有些浏览器提交上来的文件名是带有路径的，如：
// c:\a\b\1.txt，而有些只是单纯的文件名，如：1.txt
// 处理获取到的上传文件的文件名的路径部分，只保留文件名部分
filename = filename.substring(filename.lastIndexOf("\\") + 1);
// 得到上传文件的扩展名
String fileExtName = filename.substring(filename.lastIndexOf(".") + 1);
// 如果需要限制上传的文件类型，那么可以通过文件的扩展名来判断上传的文件类型是否合法
logger.debug("上传的文件的扩展名是："+fileExtName);
// 获取item中的上传文件的输入流
InputStream in = item.getInputStream();
// 得到文件保存的名称
SimpleDateFormat sd = new SimpleDateFormat("yyyyMMddhhmmssSSS");
Date dating = new Date();
String saveFilename = sd.format(dating) + "." + fileExtName;
// 创建一个文件输出流
FileOutputStream out = new FileOutputStream(savePath + "\\" + saveFilename);
// 创建一个缓冲区
byte buffer[] = new byte[1024];
// 判断输入流中的数据是否已经读完的标识
int len = 0;
// 循环将输入流读入到缓冲区当中，(len=in.read(buffer))>0就表示in里面还有数据
while ((len = in.read(buffer)) > 0) {
// 使用FileOutputStream输出流将缓冲区的数据写入到指定的目录(savePath + "\\"
// + filename)当中
out.write(buffer, 0, len);
}
// 关闭输入流
in.close();
// 关闭输出流
out.close();
// 删除处理文件上传时生成的临时文件
item.delete();
}
}
message= "上传成功！";
} catch (FileUploadBase.FileSizeLimitExceededException e) {
message = "单个文件超出最大值！！！";
logger.debug(message, e);
} catch (FileUploadBase.SizeLimitExceededException e) {
message = "上传文件的总的大小超出限制的最大值！！！";
logger.debug(message, e);
} catch (Exception e) {
message= "上传失败！！！";
}
return message;
}
}
3.添加jquery
三、运行访问
乱码待解决