|
html form写法
<form id="demo-form">
<div>
<label>登录账号：</label>
<div>
<input id="loginName" type="text">
</div>
</div>
<div>
<label>密码：</label>
<div>
<input id="password" type="password">
</div>
</div>
<div>
<label>头像：</label>
<div>
<input id="avatar" type="file">
</div>
</div>
</form>
ajax写法
var data = new FormData();
data.append("loginName",$("#loginName").val());
data.append("password",$("#password").val());
data.append("avatar",$("#avatar").get(0).files[0]);
$.ajax({
url: 'localhost:8080/user/reg',
type: 'post',
contentType: false,
data: data ,
processData: false,
success:function(info){
console.log(info)
},
error:function(err){
console.log(err)
}
});
controller.java
@Controller
@RequestMapping("/user")
public class user {
/**
* 接收表单数据
*/
@PostMapping("/reg")
@ResponseBody
public String addSave(String loginName,String password, MultipartFile avatar){
System.out.println("loginName->"+loginName);
System.out.println("password->"+password);
System.out.println("avatar->"+avatar);
return "success";
}
}
postman 测试参数为
controller输出为
测试成功 | 
转播
