首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >背景图像没有在Laravel中显示

背景图像没有在Laravel中显示
EN

Stack Overflow用户
提问于 2019-03-18 06:40:10
回答 5查看 3K关注 0票数 0

我试图在我的Laravel项目中显示来自css的背景图像。但是图像并没有显示出来。我检查了图像路径,它是正确的。我使用的是旅行者管理小组。我正在从config/filesystems.php保存图像路径

代码语言:javascript
运行
复制
'public' => [
        'driver' => 'local',
        'root' => public_path('images'),
        'url' => env('APP_URL').'/public/images',
        'visibility' => 'public',
    ],

html

代码语言:javascript
运行
复制
<div class="carousel-item active" style="background-image: url('public/images/{{ $banner[0]->banner_image }}')">

我的图像路径是public\images\image_name

在控制台中,我发现了以下错误

实际路径是public/images/banners/March2019/image_name

但这里显示的是public/images/bannersMarch2019image_name没有斜杠

EN

回答 5

Stack Overflow用户

发布于 2019-03-18 07:28:08

在html中尝试以下代码

代码语言:javascript
运行
复制
<div class="carousel-item active" style="background-image: url('{{asset('images/banners/March2019') }}/{{$banner[0]->banner_image}}');">

使用资产助手函数到达实际路径。我希望这能帮上忙。

票数 1
EN

Stack Overflow用户

发布于 2019-03-18 06:47:19

这不是一个拉拉问题,而是一个引导问题。看看bootstrap > components > carousel

试试这个:

代码语言:javascript
运行
复制
<div class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
        <img src="{{ url('public/images/' . $banner[0]->banner_image) }}" class="d-block">
    </div>
  </div>
</div>
票数 0
EN

Stack Overflow用户

发布于 2019-03-18 06:55:53

您不应该在url方法中添加public,webserver根是公共的,因此您的代码应该是:

代码语言:javascript
运行
复制
<div class="carousel-item active" style="background-image: url('images/{{ $banner[0]->banner_image }}')">
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55215817

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档