ajax post 上传文件案例demo

发布时间：2019-08-01作者：laosun阅读（1847）

案例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 处理失败
        }
    });
}