如何在laravel中显示数据库中的图像到background-image css属性？

pwuypxnk 于 2023-03-31 发布在其他

关注(0)|答案(3)|浏览(160)

我想显示图像从数据库到背景图像css属性内旋转木马滑块。但不能使其工作。它的空白。

我的密码：

<div class="ec-slide-item d-flex slide-10" style="background-image: url({{env('APP_URL')}}.'/'.{{$product->image}});">

$product-〉image的值是'assets/images/dgfgsgs.jpg'。整个URL是正确的。但仍然无法工作。帮助。

3条答案

您连接图片URL的方式似乎存在问题。您可以在不使用点运算符的情况下连接两个数字，因为您已经使用刀片语法输出APP URL。
尝试将代码改为以下代码：
CSS

<div class="ec-slide-item d-flex slide-10" style="background-image: url('{{ env('APP_URL') . '/' . $product->image }}');">

最终的图像URL是通过使用刀片语法中的.操作符将APP URL和$product-〉image变量连接在一起产生的。为了正确地设置url（）CSS函数的样式，我们将整个URL括在单引号中。

试试这个

<div class="ec-slide-item d-flex slide-10" style="background-image: url({{ asset($product->image ) }})">

试试看：

<div class="ec-slide-item d-flex slide-10" style="background-image: url('{{ asset($product->image) }}');">

相反，变量$product-〉image应该返回如下结果：'images/dgfgsgs.jpg'