SpringMVC单文件上传、多文件上传、文件列表显示、文件下载

最新推荐文章于 2024-10-03 16:17:51 发布
置顶 最新推荐文章于 2024-10-03 16:17:51 发布
阅读量3.7w 收藏 84
点赞数 24
分类专栏： SpringMVC 文章标签： SpringMVC 文件上传 文件下载 列表显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Evankaka/article/details/45826697
版权

  林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka

本文详细讲解了SpringMVC实例单文件上传、多文件上传、文件列表显示、文件下载。

本文工程免费下载

一、新建一个Web工程，导入相关的包

springmvc的包+commons-fileupload.jar+connom-io.jar+commons-logging,jar+jstl.jar+standard.jar

整个相关的包如下：

整个工程目录如下：

二、配置web.xml和SpringMVC文件

（1）web.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	id="WebApp_ID" version="3.0">
	<!-- SpringMVC的前端控制器 -->
	<servlet>
		<servlet-name>MyDispatcher</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<!-- 设置自己定义的控制器xml文件 -->
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>/WEB-INF/springMVC-servlet.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<!-- Spring MVC配置文件结束 -->

	<!-- 拦截设置 -->
	<servlet-mapping>
		<servlet-name>MyDispatcher</servlet-name>
		<!-- 由SpringMVC拦截所有请求 -->
		<url-pattern>/</url-pattern>
	</servlet-mapping>
	
</web-app>

(2)springMVC-servlet.xml文件

 

 

<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:util="http://www.springframework.org/schema/util" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	 xmlns:mvc="http://www.springframework.org/schema/mvc"  
	xsi:schemaLocation="  
	    http://www.springframework.org/schema/util 
	    http://www.springframework.org/schema/util/spring-util-3.0.xsd
	    http://www.springframework.org/schema/mvc 
	    http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
        http://www.springframework.org/schema/beans       
        http://www.springframework.org/schema/beans/spring-beans-3.0.xsd  
        http://www.springframework.org/schema/mvc    
        http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
        http://www.springframework.org/schema/context   
        http://www.springframework.org/schema/context/spring-context-3.0.xsd">
        
	<!-- 把标记了@Controller注解的类转换为bean -->
	<context:component-scan base-package="com.mucfc" />
	<!-- 对模型视图名称的解析，即在模型视图名称添加前后缀 -->
	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
		p:prefix="/WEB-INF/views/" p:suffix=".jsp"/>
		  
	<!-- 上传文件的设置 ，maxUploadSize=-1，表示无穷大。uploadTempDir为上传的临时目录 -->
   <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"  
        p:defaultEncoding="UTF-8"  
        p:maxUploadSize="5400000"  
        p:uploadTempDir="fileUpload/temp"  
     />  

</beans>

 

 

 

三、单个文件上传

（1）控制器

 

@Controller
@RequestMapping("/file")
public class FileController {

	@RequestMapping("/toFile")
	public String toFileUpload() {
		return "fileUpload";
	}

	@RequestMapping("/toFile2")
	public String toFileUpload2() {
		return "fileUpload2";
	}

	/**
	 * 方法一上传文件
	 */
	@RequestMapping("/onefile")
	public String oneFileUpload(
			@RequestParam("file") CommonsMultipartFile file,
			HttpServletRequest request, ModelMap model) {

		// 获得原始文件名
		String fileName = file.getOriginalFilename();
		System.out.println("原始文件名:" + fileName);

		// 新文件名
		String newFileName = UUID.randomUUID() + fileName;

		// 获得项目的路径
		ServletContext sc = request.getSession().getServletContext();
		// 上传位置
		String path = sc.getRealPath("/img") + "/"; // 设定文件保存的目录

		File f = new File(path);
		if (!f.exists())
			f.mkdirs();
		if (!file.isEmpty()) {
			try {
				FileOutputStream fos = new FileOutputStream(path + newFileName);
				InputStream in = file.getInputStream();
				int b = 0;
				while ((b = in.read()) != -1) {
					fos.write(b);
				}
				fos.close();
				in.close();
			} catch (Exception e) {
				e.printStackTrace();
			}
		}

		System.out.println("上传图片到:" + path + newFileName);
		// 保存文件地址，用于JSP页面回显
		model.addAttribute("fileUrl", path + newFileName);
		return "fileUpload";
	}

	/**
	 * 方法二上传文件，一次一张
	 */
	@RequestMapping("/onefile2")
	public String oneFileUpload2(HttpServletRequest request,
			HttpServletResponse response) throws Exception {
		CommonsMultipartResolver cmr = new CommonsMultipartResolver(
				request.getServletContext());
		if (cmr.isMultipart(request)) {
			MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) (request);
			Iterator<String> files = mRequest.getFileNames();
			while (files.hasNext()) {
				MultipartFile mFile = mRequest.getFile(files.next());
				if (mFile != null) {
					String fileName = UUID.randomUUID()
							+ mFile.getOriginalFilename();
					String path = "d:/upload/" + fileName;

					File localFile = new File(path);
					mFile.transferTo(localFile);
					request.setAttribute("fileUrl", path);
				}
			}
		}
		return "fileUpload";
	}
}

（2）JSP,这个页面是用来上传又用来显示上传后的图片的页面fileUpload.jsp

 

 

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用户上传图片页面</title>
 <base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<center>
		<form action="file/onefile"
			method="post" enctype="multipart/form-data">
			<input type="file" name="file" /> 
			<input type="submit" value="上 传" />
		</form>
		<h5>上传结果：</h5>
		<img alt="暂无图片" src="${fileUrl}" />
	</center>
</body>
</html>

 

 

 

现在运行后来看看效果，输入：http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile

控制台输出结果，选择图片后

原始文件名:Chrysanthemum.jpg
上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/4eafc28c-4baa-4018-ac06-c4a5aec88d6cChrysanthemum.jpg

图片已被上传，可以在JSP中显示出来

来看看服务器的路径：E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img

表明图片已经上传到服务器

方法二：

使用文件流的方式来上传

 

	/**
	 * 方法二上传文件，一次一张
	 */
	@RequestMapping("/onefile2")
	public String oneFileUpload2(HttpServletRequest request,
			HttpServletResponse response) throws Exception {
		CommonsMultipartResolver cmr = new CommonsMultipartResolver(
				request.getServletContext());
		if (cmr.isMultipart(request)) {
			MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) (request);
			Iterator<String> files = mRequest.getFileNames();
			while (files.hasNext()) {
				MultipartFile mFile = mRequest.getFile(files.next());
				if (mFile != null) {
					String fileName = UUID.randomUUID()
							+ mFile.getOriginalFilename();
					String path = "d:/upload/" + fileName;

					File localFile = new File(path);
					mFile.transferTo(localFile);
					request.setAttribute("fileUrl", path);
				}
			}
		}
		return "fileUpload";
	}

 

把

	<center>
		<form action="file/onefile"
			method="post" enctype="multipart/form-data">
			<input type="file" name="file" /> 
			<input type="submit" value="上 传" />
		</form>
		<h5>上传结果：</h5>
		<img alt="暂无图片" src="${fileUrl}" />
	</center>

中的

<form action="file/onefile"

改成

 

 

<form action="file/onefile2"

 

输入：http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile

 

 

方法二指定上传到了本地E盘的upload文件夹

页面结果

四、多文件上传

（1）控制器

 

	@RequestMapping("/toFile2")
	public String toFileUpload2() {
		return "fileUpload2";
	}

 

 

	/**
	 * 一次上传多张图片
	 */
	@RequestMapping("/threeFile")
	public String threeFileUpload(
			@RequestParam("file") CommonsMultipartFile files[],
			HttpServletRequest request, ModelMap model) {

		List<String> list = new ArrayList<String>();
		// 获得项目的路径
		ServletContext sc = request.getSession().getServletContext();
		// 上传位置
		String path = sc.getRealPath("/img") + "/"; // 设定文件保存的目录
		File f = new File(path);
		if (!f.exists())
			f.mkdirs();

		for (int i = 0; i < files.length; i++) {
			// 获得原始文件名
			String fileName = files[i].getOriginalFilename();
			System.out.println("原始文件名:" + fileName);
			// 新文件名
			String newFileName = UUID.randomUUID() + fileName;
			if (!files[i].isEmpty()) {
				try {
					FileOutputStream fos = new FileOutputStream(path
							+ newFileName);
					InputStream in = files[i].getInputStream();
					int b = 0;
					while ((b = in.read()) != -1) {
						fos.write(b);
					}
					fos.close();
					in.close();
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
			System.out.println("上传图片到:" + path + newFileName);
			list.add(path + newFileName);

		}
		// 保存文件地址，用于JSP页面回显
		model.addAttribute("fileList", list);
		return "fileUpload2";

	}

 

其实就是在单文件上传的方法一中来修改的，只不过弄成了个循环

 

 

（2）JSP显示页面fileUpload2.jsp

 

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用户上传图片页面</title>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<center>
		<form action="file/threeFile" method="post"
			enctype="multipart/form-data">
			<input type="file" name="file" /><br /> <input type="file"
				name="file" /><br /> <input type="file" name="file" /><br /> <input
				type="submit" value="上 传" />
		</form>
		<h5>上传结果：</h5>

		<c:forEach items="${fileList}" var="imagename">
				<img alt="暂无图片" src="${imagename}" />	<br/>
		</c:forEach>



	</center>
</body>
</html>

注意这里用了

</c:forEach>

表单，需要jstl.jar+standard.jar

 

（3）运行后输入：http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile2（注意上面是单文件没有后面的数字2）

选择图片，然后点上传
 

控制台输出结果：

图片不清看文字 吧：

原始文件名:Desert.jpg
上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/2baccc77-43b6-4908-859d-507e86a04051Desert.jpg
原始文件名:Hydrangeas.jpg
上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/51ad04e0-82aa-4b2c-958d-f00651e9ed6bHydrangeas.jpg
原始文件名:Jellyfish.jpg
上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/dee340d8-9cc0-41ae-9959-f7fa47ff172bJellyfish.jpg

三张图片都可以显示出来了

来看看服务器，这就是刚刚上传的三张

五、上传文件列表显示

（1）控制器

 

	/**
	 * 列出所有的图片
	 */
	@RequestMapping("/listFile")
	public String listFile(HttpServletRequest request,
			HttpServletResponse response) {
		// 获取上传文件的目录
		ServletContext sc = request.getSession().getServletContext();
		// 上传位置
		String uploadFilePath = sc.getRealPath("/img") + "/"; // 设定文件保存的目录
		// 存储要下载的文件名
		Map<String, String> fileNameMap = new HashMap<String, String>();
		// 递归遍历filepath目录下的所有文件和目录，将文件的文件名存储到map集合中
		listfile(new File(uploadFilePath), fileNameMap);// File既可以代表一个文件也可以代表一个目录
		// 将Map集合发送到listfile.jsp页面进行显示
		request.setAttribute("fileNameMap", fileNameMap);
		return "listFile";
	}

（2）JSP文件listFile.jsp

 

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
  <head>
    <title>下载文件显示页面</title>
  </head>
  
  <body>
      <!-- 遍历Map集合 -->
    <c:forEach var="me" items="${fileNameMap}">
        <c:url value="/file/downFile" var="downurl">
            <c:param name="filename" value="${me.key}"></c:param>
        </c:url>
        ${me.value}<a href="${downurl}">下载</a>
        <br/>
    </c:forEach> 
  
  </body>
</html>


（3）运行后输入：http://localhost:8080/SpringMVCLearningChapter4_1/file/listFile       

 

这些为刚刚上传到四张图片。

六、文件下载

（1）控制器

 

	@RequestMapping("/downFile")
	public void downFile(HttpServletRequest request,
			HttpServletResponse response) {
		System.out.println("1");
		// 得到要下载的文件名
		String fileName = request.getParameter("filename");
		System.out.println("2");
		try {
			fileName = new String(fileName.getBytes("iso8859-1"), "UTF-8");
			System.out.println("3");
			// 获取上传文件的目录
			ServletContext sc = request.getSession().getServletContext();
			System.out.println("4");
			// 上传位置
			String fileSaveRootPath = sc.getRealPath("/img"); 
			
			System.out.println(fileSaveRootPath + "\\" + fileName);
			// 得到要下载的文件
			File file = new File(fileSaveRootPath + "\\" + fileName);
			
			// 如果文件不存在
			if (!file.exists()) {
				request.setAttribute("message", "您要下载的资源已被删除！！");
				System.out.println("您要下载的资源已被删除！！");
				return;
			}
			// 处理文件名
			String realname = fileName.substring(fileName.indexOf("_") + 1);
			// 设置响应头，控制浏览器下载该文件
			response.setHeader("content-disposition", "attachment;filename="
					+ URLEncoder.encode(realname, "UTF-8"));
			// 读取要下载的文件，保存到文件输入流
			FileInputStream in = new FileInputStream(fileSaveRootPath + "\\" + fileName);
			// 创建输出流
			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();
		} catch (Exception e) {

		}
	}


这里就是通过文件流的方式来下载图片的。

 

然后就可以自己选择下载的地方了。

终于讲完了，花了大半天啊！

本文工程免费下载

  林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka

更多技术请关注笔者微信技术公众号"单例模式"

Evankaka
关注
专栏目录
springMvc单文件多文件上传
09-11
springMvc 文件上传，springMvc 支持单文件和多文件上传，
SpringMVC--单文件上传（附带实例）
吴声子夜歌的博客
11-02 536
Spring MVC单文件上传 1）创建应用并导入 JAR 包 2）创建 web.xml 文件 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee...
掌握多文件批量上传技术与实战
最新发布
weixin_34374684的博客
10-03 1359
本文还有配套的精品资源，点击获取 简介：随着Web应用的发展，用户上传多个文件的需求日益增长。传统的上传方式已不能满足需求，而现代技术通过Ajax多文件上传组件，如"jQuery-File-Upload-9.9.1"，实现了无需刷新页面即可上传多个文件的功能。该组件基于HTML5 File API、FormData对象，通过jQuery的AJAX方法异步处理文件上传，并提供...
SpringMVC单文件上传
kaka0509的专栏
12-22 284
SpringMVC单文件上传例子
springmvc单上传文件
m0_64081820的博客
03-31 127
1.导入fileupload和io坐标 2.在springmvc.xml中配置上传文件解析器 3，编写上传文件代码 还有一个就是这jsp代码 注意： jsp页面中的input标签中的name属性必须和方法中的对应，比如，username 和upload ...
SpringMVC单文件上传实现
qq_35876612的博客
12-04 100
1.导入fileupload和io包 到pom.xml <!--文件上传--> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version>
SpringMVC单文件上传、多文件上传、文件列表显示、文件下载额
11-08
本教程将深入探讨Spring MVC如何处理单文件上传、多文件上传、文件列表显示以及文件下载。以下是对这些知识点的详细说明： 1. **单文件上传**： 在Spring MVC中，单文件上传主要通过`@RequestParam("file") ...
SpringMVC 单文件上传与多文件上传实例
08-30
SpringMVC 单文件上传与多文件上传实例 单文件上传是 Web 开发中常见的功能，SpringMVC 提供了强大的文件上传功能。本文将介绍 SpringMVC 中的单文件上传和多文件上传实例，包括页面、控制器和配置文件的编写。 一...
SpringMVC的文件上传（单个文件）
Joe world的博客
08-09 235
SpringMVC单个文件上传（上传到tomcat）先导入jar包在SpringMVC配置文件中添加一个Bean前台我用的是jspcontroller 先导入jar包 因为写文件上传下载需要用到两个jar包 一个是io的一个是fileupload <!--以下2个jar包⽤于⽂件上传--> <!-- https://mvnrepository.com/artifact/commons-io/commons-io --> <dependency> &
Spring MVC单文件上传实例
惊鸿的技术博客
03-28 376
本节通过一个应用案例 springMVCDemo11 讲解 Spring MVC 框架如何实现单文件上传，具体步骤如下： 1）创建应用并导入 JAR 包 创建应用 springMVCDemo11，将 Spring MVC 相关的 JAR 包、commons-fileupload 组件相关的 JAR 包以及 JSTL 相关的 JAR 包导入应用的 lib 目录中，如图 1 所示。2）创建 web.x...
SpringMVC文件上传
sinat_28410599的博客
06-17 206
1、form表单的提交方式为post2、form表单的enctype="multipart/form-data"3、表单项的type="file" 二、单文件上传 1、导入fileupload和io坐标 2、配置文件上传解析器 3、单文件上传实现 形参的名字与表单项的name的属性值要一致 三、多文件上传 多文件上传，只需要将页面修改为多个文件上传项，将方法参数MultipartFile类型修改为MultipartFile[]即可。 代码实现...
SpringMVC----文件上传
你好牛蛙！
06-07 417
文章目录单文件上传多文件上传 单文件上传 在前端页面，要想提交文件，需要表单三要素： 1：post请求 2：form表单enctype="multipart/form-data" 3：type="file"的input标签 一旦表单中enctype="multipart/form-data"，则不能使用request的get类的方法 然后再MVC中，我们需要先进行配置： 1：引入jar包： <dependency> <groupId>commons-fileu
Springmvc 文件上传
weixin_73468155的博客
08-31 506
Springmvc 文件上传
springMVC实现单文件上传和多文件上传
cheng17329353267的博客
08-31 548
使用springmvc实现单文件上传(sts代码编写环境) 导入文件上传相关jar commons-io-2.4.jar commons-fileupload-1.3.1.jar 控制器的编写： @Controller public class MyFileUploadController { //单文件上传 @RequestMapping("/fileUpload.action")...
springMVC多文件上传和下载
alleged的博客
10-13 417
转载和参考地址http://www.oschina.net/code/snippet_1590790_48147#69520 ** 工程目录 jar包 web.xml**<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
ssm文件上传
Amor_fatii的博客
07-21 218
单个文件上传 前端代码 &lt;form action="dept/upload.do" method="post" enctype="multipart/form-data"&gt; &lt;input type="file" name="pic" &gt; &lt;input type="submit" value=&quot
SSM文件上传
weixin_42672204的博客
02-21 237
之前想做一个更换用户头像的功能，需要用到文件上传，在网上学习的时候踩了许多坑，最后总结出来成功的方法记录一下 说是SSM的文件上传功能，其实是基于SpringMVC的文件上传功能 此外还有传统的文件上传，跨服务器的文件上传，留待后续实践。 1.添加依赖，或者jar包 我是基于maven的项目，所以就直接添加依赖了 <dependency> <g...
SpringMvc实现单文件与多文件上传教程
"这篇文章主要介绍了如何在SpringMvc框架下实现...SpringMvc单文件或多文件上传涉及到了前端的表单设计、后端的控制器处理以及文件的保存或存储操作。理解并掌握这一过程对于构建支持文件上传功能的Web应用至关重要。
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值