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

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

原文 http://blog.csdn.net/q553866469/article/details/79203921

2018-01-31 02:00:18阅读(232)

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

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是上传文件配置




最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹