ajax和form表单有很多有趣的互动,ajax提交form表单就是其中一种,这种方法主要是用来提交带图数据的。
html页面,我把图片单独放到form表单内,其他数据放到form外即可
<form method="post" enctype="multipart/form-data" id="testForm">
<input type="file" name="problemImage" id="file" >
</form>
js
var formData = new FormData(document.getElementById("testForm"));//表单id
var problemTitle=$("#problemTitle").val();
var problemDescribe = $("#problemDescribe").val();
formData.append("problemTitle", problemTitle);
formData.append("problemDescribe", problemDescribe);
$.ajax({
url: '',
type: 'post',
data: formData,
async: false,//同步加载
contentType: false,//防止jq对formdata操作,默认为ture
processData: false,//防止序列化操作
success: function (result) {
}
});
}
后台用MultipartFile file接收图片即可