Question

我正在使用Laravel 4 Framework，我试图在我的页面上显示一些图像。我有两种不同的情况。一，我使用图像作为CSS文件中的背景。该图像位于公共文件夹内的文件夹“资产”内的“图像”文件夹中。值得注意的是：

.banner-image{background:transparent url('/assets/images/hires_080820-F-5957S-987c.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; height:800px; min-width: 1200px;}

在视图中，我使用：<div class="banner-image"></div>

调用CSS

在页面上，div显示为空白区域（占用分配的像素），但图像未显示。

在同一视图中，我使用html：

调用另一个图像

<img src="/assets/images/fanssignupsplash.png">

但是，图像显示为断开的链接。在Laravel 4中还有另外一种用来调用图像的风格吗？感谢您对这些问题的帮助。

Answer 1

在您的视图中尝试 {{HTML ::图像（ '图像/ fanssignupsplash.png'）}}

Answer 2

对于CSS，请确保该图像位于名为 assets的文件夹中，与CSS文件处于同一级别。然后试试这个：

.banner-image
{
  background: url('assets/images/hires_080820-F-5957S-987c.jpg');
}

在您的视图中，尝试：

<img src="{{asset('assets/images/fanssignupsplash.png')}}">

假设您的公共目录中有assets文件夹。

Answer 3

另一种方式，在视图文件中

<img src="{{ URL::asset('assets/images/fanssignupsplash.png')}}" />

需要http://example.com/assets/images/fanssignupsplash.png

fanssignupsplash.png 图片

图像未在Laravel 4 Framework中显示

3 个答案: