jquery.from.js实现文件上传

最新推荐文章于 2020-10-07 20:43:27 发布

简乐君

最新推荐文章于 2020-10-07 20:43:27 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端

本文链接：https://blog.youkuaiyun.com/u012557538/article/details/79064458

WEB前端专栏收录该内容

15 篇文章

订阅专栏

这段代码展示了如何使用jQuery的ajaxSubmit方法处理一个包含文件输入的表单，实现文件上传到'http://127.0.0.1:8083/api/v1/excelImport'的POST请求。当上传成功时，会填充一些表单字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

$('#importExcel').click(function () {
        $('#form2').ajaxSubmit({
            url: 'http://127.0.0.1:8083/api/v1/excelImport?apiKey=def80480e244d9385b71a8c530d8a3eee6e6397c',
            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);
            }
        });
    });