首页 > 解决方案 > 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 相同的输出。请帮忙。

标签: phpajaxlaravel

解决方案


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


推荐阅读