javascript - 无法使用formData数组一次上传5张图片

Question

我正在创建一种机制，可以在更改文件输入时立即上传 5 张图片。由于某种原因，我无法一次尝试上传 5 张图片，4 张图片就可以，5 张不同的图片也可以尝试，但一次 5 张....blah :(

这是我的代码，我想我有一个愚蠢的错误，请帮助我:(当我调试它时，如果为空，我发送图片[]数组，如果我上传4张图片，它就被填满了。

var uploaded_images = 0;
$('#post-upload-pictures').change(function(){
    var formData = new FormData(), pictures = this.files, i;
    uploaded_images = uploaded_images + pictures.length;
    if (pictures.length > 5 || uploaded_images > 5){
        uploaded_images = uploaded_images - pictures.length;
        alert('ניתן להעלות עד חמש תמונות בלבד');
        return;
    }
    for(i=0; i < pictures.length; i++){
        formData.append('pictures['+i+']', pictures[i]);
    }
    if(window.FormData === undefined){
        alert('הדפדפן שאת משתמשת בו ישן מידיי, אנו ממליצים להתקין Chrome');
        return;
    }
    $.ajax({
        url: '/ajax/uploadPictures',
        type: 'POST',
        data: formData,
        dataType: 'json',
        contentType: false,
        processData: false,
        //Ajax events
        beforeSend: function(){
            $('#post-upload i').removeClass('fa fa-camera-retro fa-2x').addClass('spinner');
        },
        success: function(url){
            for(i=0; i < pictures.length; i++){
                $('#post-pictures').append('<img src="' + url.pic[i] +'"/>');
            }
            $('#post-pictures').fadeIn();
            $('#post-upload i').addClass('fa fa-camera-retro fa-2x').removeClass('spinner');
        },
        error: function(){
            $('#post-upload i').addClass('fa fa-camera-retro fa-2x').removeClass('spinner');
        }
    });
});

Answer 1

使用 multipart/form-data 作为 enctype 并将 php.ini 中的 max_post_size 和 max_upload_size 更改为大于五个文件的最大文件大小