使用AJAX和PHP上传多个文件

时间:2017-02-22 14:19:17

标签: javascript php jquery ajax

我正在尝试使用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.可能有人帮我理解&amp;找出原因并解决这个问题。

1 个答案:

答案 0 :(得分:0)

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

基于用户WillyMilimo的上述评论:

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

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

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