ssm实战(二)文件上传和下载

上篇文章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出的是对象)

5. 关于spring”通配符的匹配很全面, 但无法找到元素 'context:component-scan' 的声明“的错误
原因: 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的作用及替换解析

        SpringMVC核心配置文件详解


  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值