php - Laravel Ajax 控制器设置图像的 URL
问题描述
我的html代码是这样的
@foreach($galleries as $photo)
<div class="col-md-4 col-sm-6">
<div class="single-galleries-sub-img">
<div class="galleries-sub-img">
<div class="testimonial-img"
style="background-image: url({{ asset('img/galleries/gallery-images/'.$photo->image) }})">
</div>
</div>
<div class="galleries-sub-img-hvr">
<a href="{{asset('img/galleries/gallery-images/'.$photo->image)}}"
data-lightbox="image-4"><i class="fa fa-search-plus" aria-hidden="true"></i></a>
</div>
</div>
</div><!-- // End Single galleries sub image -->
@endforeach
在控制器中
foreach ($data as $row){
$output.='<div class="col-md-4 col-sm-6">
<div class="single-galleries-sub-img">
<div class="galleries-sub-img">
<div class="testimonial-img"
style="background-image: '. URL HERE .'">
</div>
</div>
<div class="galleries-sub-img-hvr">
<a href="'. URL HERE .'"
data-lightbox="image-4"><i class="fa fa-search-plus" aria-hidden="true"></i></a>
</div>
</div>
</div>';
}
现在我的问题是如何在 href. URL Here .
部分和样式背景图像中设置资产,当我通过 AJAX 从控制器获取 html 代码时,它可以为我提供与 HTML 相同的输出。请帮忙。
解决方案
url助手可用于为您的图像或请求生成 URL 。生成的 URL 将自动使用当前请求中的方案(HTTP 或 HTTPS)和主机:
如果这是您的父目录图像路径是:img/gallery/gallery-images/
foreach ($data as $row){
$output.='<div class="col-md-4 col-sm-6">
<div class="single-galleries-sub-img">
<div class="galleries-sub-img">
<div class="testimonial-img"
style="background-image: '.url("img/galleries/gallery-images/".$row->image).'">
</div>
</div>
<div class="galleries-sub-img-hvr">
<a href="'.url("img/galleries/gallery-images/".$row->image).'"
data-lightbox="image-4"><i class="fa fa-search-plus" aria-hidden="true"></i></a>
</div>
</div>
</div>';
}
Laravel 文档:https ://laravel.com/docs/7.x/urls
推荐阅读
- css - Intellij 无法在资源中找到图像路径
- powershell - 获取 ADUser AccountExpirationDate
- android - 无法向 Firebase 数据库添加查询
- python - 如何在 Python 中为一个函数输入不同类型的参数?
- kendo-ui - 剑道标签奇怪的行为
- r - R中的坐标与高度
- python - Python Kivy:如何在小部件 Kivy 文件加载后执行方法
- python-3.x - 对应于函数最大值的值的误差是多少?
- c++ - 限制 QTableWidget 列中整数的输入范围
- javascript - 如何在js中将数组转换为对象?