上篇文章s《ssm实战(一)项目搭建》演示了搭建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" οnclick="doUpload()" style="width: 115px;height: 30px;background-color: #404f64;color: #ffffff">提交</button>
<button type="button" οnclick="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
三、运行访问
四、文件下载
1、down.jsp代码如下
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false"%>
<!DOCTYPE HTML>
<html>
<head>
<title>下载文件显示页面</title>
</head>
<body>
<!-- 遍历Map集合 -->
<c:forEach var="me" items="${fileNameMap}">
<c:url value="/mvc/downLoad/getDown" var="downurl">
<c:param name="filename" value="${me.key}"></c:param>
</c:url>
${me.value}<a href="${downurl}">下载</a>
<br/>
</c:forEach>
</body>
</html>
2、DownLoad.java,代码如下
package com.channelsoft.ssm.controller;
import java.io.File;
import java.io.FileInputStream;
import java.io.OutputStream;
import java.net.URLEncoder;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
@Controller
@RequestMapping("downLoad")
public class DownLoad {
static Map<String, String> fileNameMap = new HashMap<String, String>();
@RequestMapping("/gotoDown")
public ModelAndView gotoDown(HttpServletRequest request, HttpServletResponse response) {
// 获取上传文件的目录
String uploadFilePath = DownLoad.class.getClassLoader().getResource("/").getPath().replace("classes", "upload");
// 存储要下载的文件名
// 递归遍历filepath目录下的所有文件和目录,将文件的文件名存储到map集合中
this.listfile(new File(uploadFilePath), fileNameMap);// File既可以代表一个文件也可以代表一个目录
// 将Map集合发送到listfile.jsp页面进行显示
request.setAttribute("fileNameMap", fileNameMap);
return new ModelAndView("down");
}
/**
* @Method: listfile
* @Description: 递归遍历指定目录下的所有文件
* @param file
* 即代表一个文件,也代表一个文件目录
* @param map
* 存储文件名的Map集合
*/
public void listfile(File file, Map<String, String> map) {
// 如果file代表的不是一个文件,而是一个目录
if (!file.isFile()) {
// 列出该目录下的所有文件和目录
File files[] = file.listFiles();
// 遍历files[]数组
for (File f : files) {
// 递归
listfile(f, map);
}
} else {
String realName = file.getName().substring(file.getName().indexOf("_") + 1);
// file.getName()得到的是文件的原始名称,这个名称是唯一的,因此可以作为key,realName是处理过后的名称,有可能会重复
map.put(file.getName(), realName);
}
}
public void findFileSavePathByFileName(String path, String fileName, Map<String, String> map) {
File file = new File(path);
File[] files = file.listFiles();
// 如果文件数组为null则返回
if (files == null) {
return;
}
for (int i = 0; i < files.length; i++) {
if (files[i].isDirectory()) {
// 判断是不是文件夹,如果是文件夹则继续向下查找文件
findFileSavePathByFileName(files[i].getAbsolutePath(), fileName,map);
} else {
String filePath = files[i].getAbsolutePath().toLowerCase();
map.put(fileName, filePath);
}
}
}
@RequestMapping("/getDown")
public void getDown(HttpServletRequest request, HttpServletResponse response) throws Exception {
// 得到要下载的文件名
String fileName = request.getParameter("filename"); // 23239283-92489-阿凡达.avi
fileName = new String(fileName.getBytes("iso8859-1"), "UTF-8");
String fileSaveRootPath = DownLoad.class.getClassLoader().getResource("/").getPath().replace("classes",
"upload");
// 通过文件名找出文件的所在目录
// 存储要下载的文件名
Map<String, String> fileMap = new HashMap<String, String>();
findFileSavePathByFileName(fileSaveRootPath, fileName,fileMap);
String path=fileMap.get(fileName);
// 如果文件不存在
if (path==null) {
request.setAttribute("message", "您要下载的资源已被删除!!");
//注意路径,不走spring mvc配置
request.getRequestDispatcher("/WEB-INF/views/message.jsp").forward(request, response);
return;
}
// 处理文件名
String realname = fileName.substring(fileName.indexOf("_") + 1);
// 设置响应头,控制浏览器下载该文件
response.setHeader("content-disposition", "attachment;filename=" + URLEncoder.encode(realname, "UTF-8"));
// 读取要下载的文件,保存到文件输入流
FileInputStream in = new FileInputStream(path);
// 创建输出流
OutputStream out = response.getOutputStream();
// 创建缓冲区
byte buffer[] = new byte[1024];
int len = 0;
// 循环将输入流中的内容读取到缓冲区当中
while ((len = in.read(buffer)) > 0) {
// 输出缓冲区的内容到浏览器,实现文件下载
out.write(buffer, 0, len);
}
// 关闭文件输入流
in.close();
// 关闭输出流
out.close();
}
}
3、效果图
4.错误提示页面:message.jsp,代码如下
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>消息提示</title>
</head>
<body>
${message}
</body>
</html>
注:遇到的问题:
1.上传文件中文名乱码
原因:浏览器发送请求的编码和服务器编码不一致,通过web.xml中的过滤器可以拦截客户端浏览器所有的请求,并设置编码格式
解决:web.xml中加过滤器
<filter>
<filter-name>CharacterEncodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>utf-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CharacterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
2.EL表达式不解析(下载列表显示成${me.value}而不是世纪的文件名)
原因:缺少EL设置
解决方法参看另一篇博文:EL表达式不解析
3.后台报错:the request doesn't contain a multipart/form-data or multipart/form-data stream, content type header
原因:form的enctype属性为编码方式,常用有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application /x-www-form-urlencoded。上传功能需设置成multipart/form-data
解决:在form标签中加enctype="multipart/form-data"
4.加上@responsebody后,会直接返回json数据(提示信息alert出的是对象)
原因:加注解@RequestMapping后,返回值通常解析为跳转路径,加上@responsebody后返回结果才直接写入HTTP response body中。但是加上@responsebody后,会直接返回json数据。
解决:ssm实战——解决使用@responsebody注解,返回数据乱码和直接返回json数据(提示信息alert出的是对象)
原因: xml文件 头 有问题。spring版本不匹配, 根本原因是spring启动是时候要通过相应的xsd文件来检验xml文件,找不到相应的xsd文件的时候就会报错。
6.spring mvc异常java.lang.NoClassDefFoundError: com/fasterxml/jackson/core/JsonProcessingException异常
原因:缺少jackson依赖
解决: java.lang.NoClasjava.lang.NoClassDefFoundError: com/fasterxml/jackson/core/JsonProcessingException
推荐阅读:java文件上传总结
参考:Spring Mvc 3.1 之后如何配置messageConverters
SpringMVC源码总结(三)mvc:annotation-driven和mvc:message-converters简单介绍
Spring HttpMessageConverter的作用及替换解析