springmvc ajax 文件,前端经过ajax同时上传文件和其它信息，SpringMVC后台接收

一、前端写法

描述：经过前端上传一些注册信息，其中包括选择的文件信息。html

代码：前端

//标签写法

//js获取数据

var username = document.getElementById("username").value;

var password= document.getElementById("password").value;

var imgFile = document.getElementById("imgFile").files; //文件是经过.files取数据

var formData = new FormData(); //经过FormData拼装数据

formDate.append("username", username);

formDate.append("password", password);

formDate.append("file", imgFile[0]); //由于取出的文件是数组，因此取第一项

//经过ajax发送数据

$.ajax({

url: "",

type: "post",

contentType: false,

data: formData,

success: function(result) {}

});

二、SpringMVC后台接收

描述：接收前台传过来的数据进行处理。java

代码：ajax

/**

* file:经过MutipartFile类接收文件信息

* user:经过实体类接收其余信息，字段要与实体类一一对应

*/

@PostMapping("/register")

public String register(MutipartFile file, User user) {

//.....

}

三、配置文件

描述：要在配置文件中配置相关数据，具体的配置文件根据项目而定，详细配置信息另行查阅。spring

代码：数组

#springboot的application.yml配置方法：

spring:

servlet:

multipart:

max-file-size: 10MB #最大上传大小