使用jquery-form.js异步上传文件

2018-03-20 20:54:57
729次阅读
0个评论

jquery.form.js是一个非常强大的用于表单提交的插件。 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传、进度条显示等等。


引入文件

<script src="jquery.min.js"></script>
<script src="jquery.form.js"></script>


<div>
    <form enctype="multipart/form-data" id="form2">
        <input type="file" name="f1" id="f1"/>
        <button type="button" id="importExcel">导入Excel</button>
    </form>
</div>


$('#importExcel').click(function () {  
        $('#form2').ajaxSubmit({  
            url: 'http://127.0.0.1:8083/api/v1/excelImport',  
            type: 'post',  
            async: true,  
            data: $('#form2').serialize(),  
            dataType: "json",  
            success: function (data) {  
                $('#fillDate').val(data.fillDate);  
                $('#name').val(data.name);  
                $('#startDate').val(data.startDate);  
                $('#endDate').val(data.endDate);  
                $('#destination').val(data.destination);  
                $('#reason').val(data.reason);  
                $('#isBasis').val(data.isBasis);  
            }  
        });  
    });

收藏00

登录 后评论。没有帐号? 注册 一个。