springboot中处理有文件和普通参数的表单ajax请求

springboot中处理带有文件和普通参数的表单ajax请求

1、前端html

<form>
	<input type="file" name="file"/>
	<input type="text" name="title"/>
	<button id="btn">提交</button>
</form>

如果直接用表单自带的操作提交，要在form中增加以下属性enctype="multipart/form-data"

2、前端js+jquery代码

$("#btn").click(function(){
	var formData = new FormData($("form")[0]);
	$.ajax({
		url:url,
		data: formData,
        contentType: false,
        processData: false,
        dataType: "json",
        mimeType: "multipart/form-data"
    });
})

3、springboot后台的代码

@PostMapping("/add")
public String submit(String title, @RequestParam("file") MultipartFile file){
	//处理代码
}