laravel фотографии не отображаются должным образом

Question

Я делаю laravel программу, которая отображает фотографии, предполагается, что они будут отображаться в виде сетки, но это не радует, что они повсюду, вот код для отображения изображений

@extends('layouts.app')

@section('content')

  @if(count($albums)>0)
    <?php
    $colcount = count($albums);
    $i = 1;
    ?>
  <div id='albums'>
    <div class="row text-center">
      @foreach($albums as $album)
        @if($i == $colcount)
          <div class="medium-8 colums end">
            <a href="../public/albums/{{$album->id}}">
              <img class="thumbnail" src="storage/album_covers/{{$album->cover_image}}"alt={{$album->name}}">
              <br>
              <h6>{{$album->name}}</h6>
         @else
           <div class="medium-8 colums">
            <a href="../public/albums/{{$album->id}}">
              <img class="thumbnail" src="storage/album_covers/{{$album->cover_image}}"alt={{$album->name}}">
              <br>
              <h6>{{$album->name}}</h6>
          @endif
         @if($i % 4 == 0)
         </div</div><div class="row text-center">
         @else
           </div>
         @endif
          @endif
       <?php $i ++ ?>
   @endforeach
   </div>
   </div>
 @else
  <p>No Albums to Display</p>
@endif

@endsection

Я понимаю, что этот код должен отображать 4 строки по 8 изображений. Я проверял этот код много раз, и я не могу найти, что не так. Любая помощь приветствуется Спасибо

Answer 1

Каталог storage/app/public может использоваться для хранения пользовательских файлов, таких как аватары профиля, которые должны быть общедоступными. Вы должны создать символьную ссылку c на public/storage, которая указывает на этот каталог. Вы можете создать ссылку, используя команду php artisan storage:link.

https://laravel.com/docs/7.x/structure#the -storage-directory

Как только это будет сделано, и убедитесь, что файл присутствует в каталоге хранения, вы можете использовать функцию asset для ссылки на файл.

<img class="img-thumbnail" 
    src="{{ asset('storage/album_covers/' . $album->cover_image) }}"
    alt="{{ $album->name }}">