首页 > 解决方案 > jquery ajax FormData文件上传

问题描述

我在 ajax 中发送 formData 时得到一个空文件响应,它有一个文件上传和一些输入字段。我在输入字段中得到响应,但在文件上传中它是空的。代码见下图。

<div class="form-group">
<label for="attachments" class="control-label col-xs-1" style="padding: 0px 0px;">Add attachments</label>
<div class="col-lg-8">
    <input type="file" name="attachments[]" id="attachments" class="custom-file-input" accept="application/pdf" multiple>
</div>
<div class="col-lg-8">
    <input type="text" name="name_file" id="name_file">
</div>
$("#acpl_submit").on("submit", function() {
    var formData = new FormData(this);
    formData.append("test", "test");
    $.ajax({
        type: 'POST',
        // enctype: 'multipart/form-data',
        url: URL,
        data: formData,
        processData: false,
        contentType: false,
        cache: false,
        success: function (data) {
            console.log(data);
        },
        error: function (data)
        {
            console.log('Error:', data);
        }
    });
    return false;
});

PHP 文件,返回 POST 数据进行检查。

public function save_accomp() {
    return response()->json(request()->all());
}

在此处输入图像描述

标签: phpjqueryajaxform-data

解决方案


推荐阅读