laravel - 当我从 mysql 数据库中提取图像时,它不会显示,因为那里有多个图像。我只需要在每一行中显示第一张图片
问题描述
我正在从数据库中获取图像。但问题是它在一个 id 下有多个图像。我只需要 pro_mc_id = 2 的第 0 个图像
我一直在尝试将图像放入数组并获取图像。但我没有取得任何成功,因为我无法弄清楚代码
//控制器
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
解决方案
创建函数以获取第一张图像
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)}}" />
推荐阅读
- java - Hibernate 一对一映射,外键为 NULL
- c++ - easywsclient websocket 连接问题
- postgresql - 更新行 PostgreSQL
- excel - 使用带有变量名的范围的运行时错误
- excel - 如何在 Excel VBA 中实现单点登录?
- php - php 中 usort() 的回调函数中的哪个值?
- logging - Sybase如何记录视图、程序的变化
- vue.js - 从 api 缓存数据一段时间 Vue.JS
- python - 其他 python 文件调用时找不到 Cython 模块
- python - 叶\传单瓷砖未显示在 PyQt5 QWebEngineView