没有活动的课程，无法从存储库中获取带有轮播的幻灯片图像

Question

我想从存储文件夹Laravel 5.6中加载图像并将其放入图像滑块Carousel Bootstrap 4中，但是当我使用json循环laravel进行堆叠时。有什么办法可以做我想做的吗？对不起，我的英语不太好，谢谢！

这是我的刀片视图

foreach

这是失败的幻灯片

failed slide with stacked image

Answer 1

我通过更改

做到了

<div class="carousel-item">
    ...
</div>

进入：

<div class="carousel-item @if($product->id === $product->first()->id) {{ 'active' }} @endif">

Answer 2

代替此

 <img class="d-block w-75" src="/storage/product_images/{{$product->product_image}}" alt="First slide">

这样使用

  <img class="d-block w-75" src="{{ asset('storage/product_images/'.$product->product_image) }}" alt="First slide">

asset（）函数指示文件夹的根目录