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

过程十分简单，我们直接进入正题

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" οnchange="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是上传文件配置