在Laravel本地主机上加载图像不起作用

时间:2019-04-03 10:47:28

标签: html css laravel background-image

当试图在laravel上加载我的图像时,该图像以后端正常加载。但未显示在网页上。

这是我的代码:

<figure class="c-card__image c-card__image--arrow c-searchresult__image"style="background-image: url('{{$image}}?{{\Carbon\Carbon::now()->timestamp}}')"></figure>

这是浏览器中的代码:

<figure class="c-card__image c-card__image--arrow c-searchresult__image" style="background-image: url('/vendors/57/horse-11.png?1554287941')"></figure>

在“控制台和网络”选项卡中(从浏览器中),我可以看到图像已正确加载..但未在屏幕上显示。.

1 个答案:

答案 0 :(得分:0)

在上面的代码中,您没有指定任何可能引起问题的文件类型,应该是类似horse-11.png?1554287941.pnghorse-11?1554287941.png的文件。您的$image var应该只保存名称,这样您就可以执行以下操作:

<figure class="c-card__image c-card__image--arrow c-searchresult__image"style="background-image: url('{{$image}}?{{\Carbon\Carbon::now()->timestamp}}'.'png')"></figure>

输出将是这样

<figure class="c-card__image c-card__image--arrow c-searchresult__image" style="background-image: url('/vendors/57/horse-11?1554287941.png')"></figure>