SpringBoot+文件上传——StandardServletMultipartResolver

最新推荐文章于 2023-07-11 09:35:49 发布

AcfunWei

最新推荐文章于 2023-07-11 09:35:49 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Springboot框架文章标签： SpringBoot fileUpload

本文链接：https://blog.youkuaiyun.com/weixin_40429030/article/details/89677448

Springboot框架专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何在SpringBoot项目中实现单文件和多文件上传功能，包括Maven项目搭建、配置thymeleaf视图解析器、设置文件上传参数、编写HTML表单和后端控制器，以及使用jQuery进行AJAX异步上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，搭建Maven项目，配置Springboot框架与thymeleaf视图解析器

2，在application.properties中进行配置如下参数

#是否开启文件上传支持
spring.servlet.multipart.enabled=true
#文件写入磁盘阈值
spring.servlet.multipart.file-size-threshold=0
#文件上传临时保存位置
spring.servlet.multipart.location=E:\\temp
#单个文件时上传的最大大小
spring.servlet.multipart.max-file-size=100MB
#多个文件时上传的最大大小
spring.servlet.multipart.max-request-size=1000MB
#文件是否延迟解析
spring.servlet.multipart.resolve-lazily=false

一、单文件上传

3，编写一个html超文本文件

<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/static/h-ui/js/h-ui.js"></script>
<link href="lib/static/h-ui/css/H-ui.css" type="text/css" rel="stylesheet"/>
<title>Insert title here</title>
</head>
<body>
	<form id="uploadform"><!-- 此处form基于H-UI框架制作 -->
		<div>
			<span class="btn-upload form-group">
			  <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly><a href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">&#xf0020;</i> 浏览文件</a>
			  <input type="file" multiple name="upload" class="input-file">
			</span>
		</div>
	</form>
	<input class="btn btn-primary radius" id="uploadbutton" type="button" value="提交">
	<script type="text/javascript">
		$(function(){
			$("#uploadbutton").click(function(){
				var formdata= new FormData($('#uploadform')[0]);
				$.ajax({
					url:"/upload",
					type:"post",
					data:formdata,
				    processData: false,                // jQuery不要去处理发送的数据
				    contentType: false,  
					dataType:"TEXT",
					success:function(data){//处理内容
						$.Huimodalalert(data,2000);
					}
				});
			});
		});
	</script>
</body>
</html>

4，编写后台控制器

@RequestMapping("upload")
	@ResponseBody
	public String upload(HttpServletRequest request,MultipartFile upload) {
		String oldName=upload.getOriginalFilename();
		if (oldName.indexOf("jpg")==-1) {//检验文件格式防止前端被篡改上传文件为木马
			return "文件格式不正确";
		}
		SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy/MM/dd");//设置文件名
		String realpath=request.getSession().getServletContext().getRealPath("/uploadFile/");//获取文件保存路径
		String formate=dateFormat.format(new Date());
		File file2=new File(realpath+formate);//设置文件路径
		System.out.println(file2.getAbsolutePath());//文件被保存的路径
		if (!file2.isDirectory()) {//检查路径是否存在
			file2.mkdirs();
		}
		String newName=UUID.randomUUID().toString()+oldName.substring(oldName.lastIndexOf("."), oldName.length());//设置文件名
		try {
			upload.transferTo(new File(file2, newName));//文件保存路径
			String filepath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+
					"/uploadFile/"+formate+newName;//返回给前端文件名，此处可以返回上传信息
			return filepath;
		} catch (IllegalStateException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		return "上传失败";
	}

二、多文件上传

4，编写HTML超文本

<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/static/h-ui/js/h-ui.js"></script>
<link href="lib/static/h-ui/css/H-ui.css" type="text/css" rel="stylesheet"/>
<title>Insert title here</title>
</head>
<body>
	<form id="uploadfile"><!-- 单个文件，此处form基于H-UI框架制作 -->
		<div>
			<span class="btn-upload form-group">
			  <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly><a href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">&#xf0020;</i> 浏览文件</a>
			  <input type="file" multiple name="upload" class="input-file">
			</span>
		</div>
	</form>
	<input class="btn btn-primary radius" id="uploadbutton" type="button" value="提交">
	<form id="uploadfiles"><!-- 多个文件，此处form基于H-UI框架制作 -->
		<div>
			<span class="btn-upload form-group">
			  <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly><a href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">&#xf0020;</i> 浏览文件</a>
			  <input type="file" multiple name="uploads" class="input-file">
			</span>
		</div>
	</form>
	<input class="btn btn-primary radius" id="uploadsbutton" type="button" value="提交">
	<script type="text/javascript">
		$(function(){
			$("#uploadbutton").click(function(){//单个文件
				var formdata= new FormData($('#uploadfile')[0]);
				$.ajax({
					url:"/upload",
					type:"post",
					data:formdata,
				    processData: false,                // jQuery不要去处理发送的数据
				    contentType: false,  
					dataType:"TEXT",
					success:function(data){//处理内容
						$.Huimodalalert(data,5000);
					}
				});
			});
			$("#uploadsbutton").click(function(){//多个文件
				var formdata= new FormData($('#uploadfiles')[0]);
				$.ajax({
					url:"/uploads",
					type:"post",
					data:formdata,
				    processData: false,                // jQuery不要去处理发送的数据
				    contentType: false,  
					dataType:"TEXT",
					success:function(data){//处理内容
						$.Huimodalalert(data,5000);
					}
				});
			});
		});
	</script>

</body>
</html>

5，编写对应控制器


	@RequestMapping("uploads")
	@ResponseBody
	public String uploads(HttpServletRequest request,MultipartFile[] uploads) {
		StringBuffer buffer=new StringBuffer();
		for (MultipartFile upload : uploads) {//逐个遍历
			String oldName=upload.getOriginalFilename();
			if (oldName.indexOf("jpg")==-1) {//检验文件格式防止前端被篡改上传文件为木马
				buffer.append(oldName+"格式不正确上传被拒绝\n");
				continue;
			}
			SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy/MM/dd");
			String realpath=request.getSession().getServletContext().getRealPath("/uploadFile/");//获取文件保存路径
			String formate=dateFormat.format(new Date());
			File file2=new File(realpath+formate);
			System.out.println(file2.getAbsolutePath());//文件被保存的路径
			if (!file2.isDirectory()) {//检查路径是否存在
				file2.mkdirs();
			}
			String newName=UUID.randomUUID().toString()+oldName.substring(oldName.lastIndexOf("."), oldName.length());
			try {
				upload.transferTo(new File(file2, newName));//文件保存路径
				String filepath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+
						"/uploadFile/"+formate+newName;//返回给前端文件名，此处可以返回上传信息
				buffer.append(filepath+"\n");
				continue;
			} catch (IllegalStateException e) {
				e.printStackTrace();
				buffer.append(oldName+"上传失败\n");
			} catch (IOException e) {
				e.printStackTrace();
				buffer.append(oldName+"上传失败\n");
			}
		}
		return buffer.toString();
	}

6，项目详码