Загрузка всех изображений одновременно в цикле for-for laravel

Question

У меня есть код для Laravel Blade, который получает все изображения из определенной папки и показывает его на View примерно так:

@php
    $files = glob('storage/assets/images/seasons/*.*');
    for($i = 0; $i < count($files); $i++){
        $image = $files[$i];
        echo "<img src = $image>";
    }
@endphp

Однако, глядя на консоль, он показывает запросы вроде

/storage/assets/images/seasons/1.png
/storage/assets/images/seasons/2.png
/storage/assets/images/seasons/3.png
/storage/assets/images/seasons/4.png

примерно через 0,01 секунды после другого, что приводит к загрузке одного изображения за другим, а не к одновременной загрузке / запросу. Как бы я достиг этого в Laravel?

Answer 1

Laravel не имеет ничего общего с тем, как браузер загружает изображения. Шаблон blade-сервера преобразуется в документ HTML и отправляется клиенту в качестве ответа. Таким образом, клиентский браузер получит весь HTML-документ, как любая другая статическая HTML-страница. Именно браузер последовательно запрашивает файлы изображений один за другим.

Для асинхронной загрузки изображений вы должны использовать javascript.

Пожалуйста, обратитесь к этому ответу Stackoverflow, чтобы узнать больше об асинхронной загрузке изображенийhttps://stackoverflow.com/a/37411977/5130011