javascript - 使用AJAX和PHP上传多个文件

我正在尝试使用ajax和php上传多个文件。 JavaScript和Ajax代码如下：

$(document).on('click', '#UploadButton', function(e) {
    var form = new FormData();
    var files = document.getElementsByClassName('receipts');
    for (var i=0; i<files.length; i++) {
        form.append("files[receipt" + i + "]", files[i][0]); // add receipt to form
    }
    form.append('action', 'upload-receipts'); // specify action

    $.ajax({
        url: 'handler.php',
        type: 'POST',
        data: form,
        cache: false,
        processData: false,
        contentType: false,
        success:function(data) {
            console.log(data);
        },
        error: function(xhr, desc, err) {
            // I have some error handling logic here
        }
    });
});

PHP处理程序例程如下；

$action = $_REQUEST['action'];
switch($action) {
    case 'upload-receipts':
        $files = $_FILES['files'];
        $no_files = count($_FILES["files"]['name']);
        exit(json_encode(['size'=>$no_files]));
        /* for ($i = 0; $i < $no_files; $i++) {
            if ($_FILES["files"]["error"][$i] != 0) {
                move_uploaded_file($_FILES["files"]["tmp_name"][$i], 'uploads/' . $_FILES["files"]["name"][$i]);
            }
        } */
    break;
    case 'download-file':
        break;
    default:
        exit(json_encode(['success'=>false, 'message'=>'InvalidActionException']));
}

我能够成功上传最多20个文件。
我的问题是我无法上传超过20个文件。每次我尝试上载20个以上的文件时，只有前20个上载失败。如图所示退出脚本仅表示大小=20。可以有人帮助我了解并确定为什么这样，并解决此问题。

最佳答案

当这篇文章解决了我面临的类似问题时，我认为添加答案将很有用。

根据用户WillyMilimo的上述评论：

修改通常在php.ini目录中找到的/etc/php/<php_version>/fpm/php.ini。

将max_file_uploads设置从其默认值20更改为所需的最大值。

重新启动php服务（例如，使用service php<php_version>-fpm restart命令）。