创建缩略图的AJAX请求创建了503错误

Question

我在一个文件夹中有图像，我需要使用PHP将其转换为缩略图。我写了两个代码，但每个代码都有自己的问题。

实施例。 1 - 使用此代码我无法将响应返回给浏览器，因此我可以更新进度条。

$('#id_xyz').click(function() {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('#id_xyz').attr('data-csrf')
        }
    });
    $url = $(this).attr('data-url');
    $('.success-message').css('display', 'block');
    $.ajax({
        type: "GET",
        url: $url,
        dataType: "json",
        async: false,
        data: {file_name: 'count'},
        success: function(data) {
            $('#progress-bar').attr('max', data.length);
            $('#total_files').html(data.length);
            $total_count = data.length;
            $count = 1;
            $(data).each(function(index) {
                $.ajax({
                    type: "GET",
                    url: $url,
                    async: false,
                    tryCount: 0,
                    retryLimit: 3,
                    data: {file_name: this},
                    success: function(data) {  
                        $('#progress-bar').val($count++);                        
                        $('#current-file').html($count); 
                    },
                    error: function(xhr, textStatus, errorThrown) {

                    }

                }, "json");
            });

        },
        beforeSend: function(data) {
        }
    }, "json");
});

实施例。 2 - 使用此功能，我在发送一些请求后收到503服务器错误。

$('#id_xyz').click(function() {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('#id_xyz').attr('data-csrf')
        }
    });
    $url = $(this).attr('data-url');
    $('.success-message').css('display', 'block');
    $.ajax({
        type: "GET",
        url: $url,
        dataType: "json",
        async: false,
        data: {file_name: 'count'},
        success: function(data) {
            $('#progress-bar').attr('max', data.length);
            $('#total_files').html(data.length);
            $total_count = data.length;
            $count = 1;
            $(data).each(function(index) {
                $.ajax({
                    type: "GET",
                    url: $url,
                    async: true,
                    tryCount: 0,
                    retryLimit: 3,
                    data: {file_name: this},
                    success: function(data) {  
                        $('#progress-bar').val($count++);                        
                        $('#current-file').html($count); 
                    },
                    error: function(xhr, textStatus, errorThrown) {

                    }

                }, "json");
            });

        },
        beforeSend: function(data) {
        }
    }, "json");
});

请帮我解决这个问题。