采用ajaxSubmit上传

<html>
<head>
<meta charset="UTF-8">
<title>上传多图片</title>

</head>
<body>
<form id="userForm" method="post" action="" enctype="multipart/form-data" class="bl-form bl-formhor fl">
<input type="text" id="text" name="aa" value="">
<input type="file" name="file" />
<input type="button" value="提交" class="mg btn btn2 d2-5" onclick="ajaxSubmitForm();"/>
</form>
</body>
<script src="js/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
function ajaxSubmitForm() {
var option = {
url: '...',//接口
type: 'POST',
dataType: 'json',
headers: {"ClientCallMode": "ajax"}, //添加请求头部
success: function (data) {
console.log(data);
alert("企业用户升级失败,请联系管理员!");
}
};
$("#userForm").ajaxSubmit(option);
return false; //最好返回false,因为如果按钮类型是submit,则表单自己又会提交一次;返回false阻止表单再次提交
}
</script>
</html>
posted @ 2018-01-18 17:32  bagnliu  阅读(185)  评论(0编辑  收藏  举报