PHP在ajax调用时奇怪的“未指定输入文件”

// HTML部分
<input type="file" id="fileInput" name="fileInput" />

// JavaScript部分
$(document).ready(function() {
    $('#fileInput').on('change', function() {
        var formData = new FormData();
        formData.append('fileInput', $(this)[0].files[0]);

        $.ajax({
            url: 'upload.php', // PHP处理文件上传的脚本
            type: 'POST',
            data: formData,
            processData: false, // 告诉jQuery不要处理发送的数据
            contentType: false, // 告诉jQuery不要设置Content-Type请求头
            success: function(response) {
                console.log('文件上传成功:', response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log('文件上传失败:', textStatus, errorThrown);
            }
        });
    });
});

<?php
if (isset($_FILES['fileInput'])) {
    $file = $_FILES['fileInput'];
    $uploadDirectory = 'uploads/';

    if ($file['error'] == UPLOAD_ERR_OK && is_uploaded_file($file['tmp_name'])) {
        $newFilePath = $uploadDirectory . basename($file['name']);
        if (move_uploaded_file($file['tmp_name'], $newFilePath)) {
            echo '文件上传成功';
        } else {
            echo '移动文件时出错';
        }
    } else {
        echo '文件上传出错';
    }
} else {
    echo '未指定输入文件';
}
?>