时间戳

首页 > 解决方案 > laravel 照片没有正确显示

php - laravel 照片没有正确显示

问题描述

我正在制作一个显示照片的 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 张图像。我已经检查了很多次这段代码，但我找不到问题所在。任何帮助表示感谢谢谢

标签： phplaraveltwitter-bootstrap

解决方案

该storage/app/public目录可用于存储用户生成的文件，例如个人资料头像，这些文件应该可以公开访问。您应该创建一个 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 }}">

推荐阅读