Laravel 6 Blade - 显示公共文件夹中的所有图像？

Question

I am having trouble figuring out a way to reach and display the contents of a folder located in 'public/images'. The goal is to have a blade file that acts as a gallery and displays all the images added to that specific folder.

I know how to access specific files using asset('images/imagename.png') but I need to get all of them at once.

Can I simply create a loop inside of the blade file or do I need to make a controller/route for it?

Answer 1

Try this:

@foreach(File::glob(public_path('images').'/*') as $path)
   <img src="{{ str_replace(public_path(), '', $path) }}">
@endforeach

Answer 2

You could do use glob method of the File facade if you know the directory. The following code assumes every file in the public/images/ folder is an image.

<div class="container">
    @forelse (File::glob('public/images/*') as $file)
        <img src="{{ $file }}">
    @else
        <p id="no-images">No images in folder</p>
    @endforelse
</div>

Answer 3

As the documentation implies, you can get all files in a specific directory with:

Storage::files($directory);

So, you can iterate like this:

@foreach(Storage::files($directory) as $file)
    <img src="{{ $file }}">
@endforeach