上传更多文件时,Ajax请求无效

时间:2018-03-30 18:16:38

标签: javascript jquery ajax laravel jquery-file-upload

这是我在上传图片之前的功能,它显示加载成功时显示文件。 但如果文件长度更像20或40,则上传文件,但数据未在控制台中显示,只加载浏览器中显示的图像

function upload_images(self)
{

    var formdata = new FormData();
    formdata.append('_token', $('input[name="_token"]').val());
    var holder = $('div.pond div.pond-img-list'); //uploaded files holder
    var formdata_file_length = 0;
    var allowed_file_type = ['image/gif', 'image/jpeg','image/jpg','image/png'];

    for(var i = 0; i<self.files.length; i++)
    {
        if(in_array(self.files[i].type, allowed_file_type))
        {
            formdata.append('images[]', self.files[i]);
            formdata_file_length++;
        }
    }

    $.ajax({
        url: '/upload/images',
        type: 'POST',
        data: formdata,
        mimeTypes: "multipart/form-data",
        async: true,
        contentType: false,
        processData: false,
        beforeSend: function(){
            for(var i = 0; i < formdata_file_length; i++)
            {
                holder.append('<div class="pond-img col-md-3">'+
                    '<div class="pond-img-thumb-container">'+
                        '<a target="_blank"><img class="pond-img-thumb" src="/uploads/web/loading.svg"></a>'+
                    '</div>'+
                    '<div class="pond-img-actions">'+
                        '<a class="pond-img-delete" href="#" title="Silmək"></a>'+
                        '<a class="pond-img-rotate" href="">↻</a>'+
                        '<a class="pond-img-rotate" href="">'+
                    '</div>'+
                '</div>');
            }
        },
        success: function(data){

            console.log(data);

            for(var i = 0; i < data.length; i++)
            {
                holder.children('.pond-img').eq(i).children('.pond-img-thumb-container')
                    .children('a').children('img').attr('src', '/'+data[i]);
            }
        },
        error: function(){
            // holder.children('.img-loading').remove();
        }
    })
}

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。 ajax没有任何问题。 需要在php.ini中更改max_file_upload和post_max_size = 0。 并检查您更改的php.ini,因为有不同的php版本文件夹 在你的php文件夹中。命令行检查php版本 php -v