想应用jsp做上传时,为了交互采纳ajax上传附件,因而表单被我设想成如许
<form onsubmit="return FileUploadFunction(this)" enctype="multipart/form-data"
method="post">
<c:forEach var="wjsInfo" items="${requestScope.resumeInfo.wjs}">
<div class="layui-upload-drag upload-area">
<input type="text" style="display:none" name="wjData" value="" class="wjData"/>
<input type="text" style="display:none" name="fileName" class="fileName">
</div>
</c:forEach>
<div class="row resume-submit" style="padding-top:30px;">
<input type="submit" style="float: none" class="button btn-save-next btn-nex" value="上传附件">
</div>
</form>
<script>
function FileUploadFunction(mdata) {
if (VailForm(mdata)) {
$.ajax({
type: "post",
xhrFields: {
withCredentials: true
},
crossDomain: true,
url: "${pageContext.request.contextPath}/resume/saveFile",
data: $(mdata).serialize(),
success: function (data) {
alert(data.info);
}
});
}
return false;
}
</script>
应用按钮commit动身表单提交,提交时返回false并实行ajax,模仿表单提交上传到背景