您的位置:首页 > Web前端 > JQuery

【文件上传】使用jquery.form.js来实现表单提交

2018-01-30 12:32 1471 查看
过程十分简单,我们直接进入正题1.在网上下载jquery.form.js插件百度云:https://pan.baidu.com/s/1kWx6iG3密码:443c直接使用表单上传无法获得回调的函数数据,可以使用ajax来上传,不过这就失去了表单上传的意义,所以我们选择用jquery提供的插件2.引入文件<script src="js/jquery.form.js"></script>3.使用 html:
<form id="fileForm" enctype="multipart/form-data">
<div style="padding-left: 80px">
<div id="choose">请从本地选择要导入的文件</div>
<button class="file btn btn-raised" style="overflow: hidden;">浏览
<input id="upload" onchange="loadExcelModel.getChange()" type="file" name="file">
</button>
<span id="file-path"></span>
<span id="errMsg"></span>
</div>
</form>

js:
    
uploadExcel: function(){
var option = {
url:'/middleware/public/gateway/allowance/importExecl',
type:'post',
success:function(data){
console.log($.parseJSON(data));

if(data.errorCode == "0000"){

}else{

}
},
error : function() {
sweetAlert("表单提交失败")
}
};
$("#fileForm").ajaxSubmit(option);
}
4.类似于ajax调用接口,代码十分简单,请自行理解 使用ajaxsubmit()方法 option是上传文件配置

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐