<form id="inputForm">
<input type="file" accept="image/*" name="cardBackImg"/>
<input id="formSub" type="button" onclick="authen();" />
</form>
<script>
var formData = new FormData($("#inputForm" )[0]);
function authen() {
$.ajax({
url: "/interface/authenCommit",
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (result) {
debugger
}
});
}
</script>
后台代码:
@PostMapping(value = "authenCommit")
@ResponseBody
public Object authenCommit(CardAuthenRequest cardAuthenRequest) {
}
public class CardAuthenRequest implements Serializable {
private MultipartFile cardBackImg;
}
因为我是有多个参数,所以改用对象接收
参考:https://yunzhu.iteye.com/blog/2177923
如果用form提交就比较简单了
<form id="inputForm" modelAttribute="cardAuthenRequest" th:action="@{/interface/authenCommit}" method="post" class="form-horizontal real-name-form" enctype="multipart/form-data">
<input type="file" accept="image/*" name="cardBackImg"/>
<input id="formSub" type="button" onclick="authen();" />
</form>
js: document.getElementById("inputForm").submit();