Ajax发送formdata数据，SpringMVC后台处理

最新推荐文章于 2022-10-28 09:29:23 发布

原创最新推荐文章于 2022-10-28 09:29:23 发布 · 414 阅读

1 ·

CC 4.0 BY-SA版权

spring 专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了如何使用前端JavaScript与后端Spring框架实现文件上传功能，包括前端利用FormData与AJAX进行POST请求，后端通过MultipartFile接收并处理上传文件，以及参数传递与响应处理。

撸了今年阿里、头条和美团的面试，我有一个重要发现.......>>>

前端js：

var submit_data = new FormData();
var name = $("#name").val();
let file = $("#file")[0].file[0];
submit_data.append("file", file);
submit_data.append("name", name);
$.ajax({
	url: "http://localhost:8080/caochanglu/getSearch/getRule",
	type: "POST",
	data: submit_data,
	async: false,
	dataType: "json",
	cache: false,
	processData: false,
	contentType: false,
	success: function(data) {
		console.log(data);
	},
	error: function(err) {
		console.log(err);
	}
});

后台spring

@ResponseBody
@RequestMapping(value = "getRule", methon = {RequestMethod.GET, RequestMethod.POST})
public String getRule(HttpServletRequest request, @RequestParam("file") MultipartFile file){
	String name = request.getParameter("name");
}