在 laravel 的 for-each 循环中一次加载所有图像答案

【问题标题】：Load all images at once in a for-each loop for laravel在 laravel 的 for-each 循环中一次加载所有图像
【发布时间】：2019-11-03 20:57:29
【问题描述】：

我有一个 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 中实现这一点？

【问题讨论】：

标签： php laravel

【解决方案1】：

Laravel 与浏览器如何加载图像无关。刀片模板被转换为 HTML 文档并作为响应发送给客户端。因此，客户端浏览器将获得整个 HTML 文档，就像任何其他静态 HTML 页面一样。是浏览器一个接一个地依次请求图像文件。

对于异步图像加载，您必须使用 javascript。

请参阅此 Stackoverflow 答案以了解有关异步图像加载的更多信息 https://stackoverflow.com/a/37411977/5130011

【讨论】：