如何通过AJAX POST请求发送Excel文件？代码调试求助

你的整体思路是对的，使用FormData来封装文件是正确的方向，不过代码里有几个关键的小问题需要调整，我帮你一步步修正：

问题分析 #

1. 错误的data参数：你在AJAX配置里写的data: 'form_data'是把字符串'form_data'传过去了，而不是你创建的FormData对象，这会导致后端接收不到文件。
2. 缺少必要的AJAX配置项：发送包含文件的FormData时，必须设置processData: false和contentType: false——因为jQuery默认会把数据转成URL编码格式，还会自动设置Content-Type，但FormData已经自己处理了这些，不需要jQuery插手。
3. FormData的调试方式：直接console.log(form_data)看不到具体内容，你可以用遍历的方式查看里面的内容：

for (let pair of form_data.entries()) {
    console.log(`${pair[0]}: ${pair[1]}`);
}

修正后的完整代码 #

HTML部分（保持你的结构，无需改动） #

<form id='file-import' method="POST" enctype="multipart/form-data">
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <label>Choose File</label>
    <div class="form-group">
        <input type="file" name="file" required="required">
    </div>
    <button type="submit" class="">Import</button>
</form>

JavaScript部分 #

$(document).ready(function() {
    console.log('run');
    $('#file-import').submit(function(e) {
        e.preventDefault();
        let form_data = new FormData($(this)[0]);
        
        // 调试FormData内容（可选）
        for (let pair of form_data.entries()) {
            console.log(`${pair[0]}: ${pair[1]}`);
        }
        
        $('#content').hide();
        $('#page-loader').fadeIn();
        
        $.ajax({
            url: '/test/post',
            type: 'POST',
            data: form_data, // 直接传FormData对象
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            processData: false, // 禁止jQuery处理数据
            contentType: false, // 禁止jQuery设置Content-Type
            dataType: 'json',
            success: function(data) {
                console.log('success', data);
                $('#page-loader').fadeOut();
                $('#content').show();
            },
            error: function(xhr, status, error) {
                console.log('error', error);
                $('#page-loader').fadeOut();
                $('#content').show();
            }
        });
    });
});

额外提示 #

• 后端需要确保能正确接收multipart/form-data类型的请求，并且能解析名为file的文件参数（和你input的name属性对应）。
• 如果你的Excel文件比较大，可能需要调整服务器的上传文件大小限制（比如Nginx的client_max_body_size或者PHP的upload_max_filesize等）。

内容的提问来源于stack exchange，提问作者Brayen H. K