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

Question

我正在尝试使用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 个上传失败，其余的都失败。如图所示退出脚本仅指示
size = 20。有人可以帮助我理解并确定为什么会出现这种情况以及解决此问题的方法。

Answer 1

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

基于用户WillyMilimo的上述评论:

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

更改 max_file_uploads设置默认值 20达到所需的最大值。

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