ajax post 上传文件案例demo

发布时间:2019-08-01作者:laosun阅读(195)

ajax

    案例demo,html文件如下:

    <form id="upload-form" method="post" enctype="multipart/form-data">
        <p>测试编码: <input type="text" name="code" id="code"/></p>
        <p>上传文件: <input type="file" name="excel" id="excel"/></p>
        <input type="button" value="上传" onclick="upload()"/>
    </form>

    js代码如下:

    function upload() {
        var data = new FormData()
        data.append('code', $('[name=code]').val())
        data.append('excel', $('[name=excel]')[0].files[0]) // file 对象
        $.ajax({
            type: "POST",
            url:'${ctx!}/data/import${suffix!}',
            data:data,
            //headers: {'Content-Type': 'multipart/form-data'},
            async: false,
            cache: false,
            processData: false,
            contentType: false,
            success: function(result) {
                //TODO 处理成功
            },
            error: function (returndata) {
                //TODO 处理失败
            }
        });
    }


0 +1

版权声明

 jquery  前端  源码  javascript  演示

 请文明留言

0 条评论