首页 > 解决方案 > 当我从 mysql 数据库中提取图像时,它不会显示,因为那里有多个图像。我只需要在每一行中显示第一张图片

问题描述

我正在从数据库中获取图像。但问题是它在一个 id 下有多个图像。我只需要 pro_mc_id = 2 的第 0 个图像

https://imgur.com/VLMqvGJ

https://imgur.com/tgNCNnR

我一直在尝试将图像放入数组并获取图像。但我没有取得任何成功,因为我无法弄清楚代码

//控制器

public function read_data()
{
    $read = DB::select('SELECT * FROM `nm_product` WHERE pro_mc_id = 2 ');
    return view('test.box' , compact('read'));
}

//看法

@foreach($read as $view_data)
        <div class="item">
            <section class="products">
                <div class="row row-clean">
                    <div class="a col-md-4">
                        <article>
                            <div class="info">
                                        <span class="add-favorite">
                                            <a href="javascript:void(0);" data-title="Add to favorites" data-title-added="Added to favorites list"><i class="icon icon-heart"></i></a>
                                        </span>
                                <span>
                                            <a href="#productid1" class="mfp-open" data-title="Quick wiew"><i class="icon icon-eye"></i></a>
                                        </span>
                            </div>
                            <div class="btn btn-add">
                                <i class="icon icon-cart"></i>
                            </div>
                            <div class="figure-grid">
                                <div class="image">
                                    <a href="#productid1" class="mfp-open">
                                        <img width="100" src="../public/assets/product/<?php echo $view_data->pro_Img ?>" />
                                    </a>
                                </div>
                                <div class="text">
                                    <h2 class="title h5">
                                        <a href="product.html">{{ $view_data->pro_title }}</a>
                                    </h2>
                                    <sub>{{ $view_data->pro_price }}</sub>
                                    <sup>{{ $view_data->pro_disprice }}</sup>
                                    <span class="description clearfix">Gubergren amet dolor ea diam takimata consetetur facilisis blandit et aliquyam lorem ea duo labore diam sit et consetetur nulla</span>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
            </section>
        </div>

@endforeach

标签: laravel

解决方案


创建函数以获取第一张图像

    function firstImage($seperator, $string){
    $separate = explode($seperator, $string);
    $extension = head($separate);

    return $extension ? $extension : false;
}

并像这样使用:

<img width="100" src="../public/assets/product/{{firstImage("/**/", $view_data->pro_Img)}}" />

推荐阅读