0

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

4

1 回答 1

3

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

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

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

于 2019-11-03T12:57:29.267 回答