HTML::image 在 Laravel 中设置宽度和高度

Posted 2023-03-14

【中文标题】HTML::image 在 Laravel 中设置宽度和高度

【英文标题】：HTML::image set width and height in LaravelHTML::image 在 Laravel 中设置宽度和高度

【发布时间】：2014-04-29 22:26:37

【问题描述】：

抱歉这个愚蠢的问题，但我在文档中到处查看。如果我想用html::image 设置图像的大小、高度和宽度，我该怎么做？ 我试过了：

 HTML::image('path', array('width' => 70 , 'height' => 70)); 

但它似乎不起作用。

【参考方案1】：

<img src=" asset('folder-name/pic_trulli.jpg')" class="img-fluid" style="min-width: 20px; min-height: 20px;">

【参考方案2】：

在 Laravel 5 中，在刀片中使用 img 的方法如下：

!! HTML::image('img/picture.jpg', 'a picture', array('class' => 'thumb')) !!

注意：使用 HTM 前需要安装 laravel 库，即 "laravelcollective/html": "~5.0",

或

<img src="!!asset('img/picture.jpg')!!">

或

动态设置网址：

<img src="!!asset('img/').'/'.$imgsrc!!">

【参考方案3】：

<img src='./images/bajja_huggy2.gif' class= img-responsive style= height: 22px; width: 100px; >

【讨论】：

OP 期望得到一个使用 Laravel 代码的答案。虽然你的是正确的，但它不使用 Laravel。此外，此摘录是user2592890 答案的精确副本。

【参考方案4】：

解决方案：将图像路径存储到您的 mysql 表字段。并且不要忘记 filepath 开头的点 (.)。

<img src='./images/bajja_huggy2.gif' class= img-responsive style= height: 22px; width: 100px; >

你可以看到我是如何使用 twitter bootstrap 和其他属性的。

@foreach($imagefiles as $img)
<div class="col-xs-2 ">
   $img->image_3
</div> 
@endforeach

【参考方案5】：

你可以

 HTML::image($product->image, $product->title, array('width' => '90%', 'height' => '50%')) 

如果在百分比内创建，则必须是撇号。

【参考方案6】：

它应该适用于

 HTML::image('path', 'alt', array( 'width' => 70, 'height' => 70 )) 

替代文本位于属性数组之前。

【讨论】：

没错，从api... string image(string $url, string $alt = null, array $attributes = array(), bool $secure = null) 生成一个HTML图像元素。

对不起，我不知道 alt 不能为空

alt 可以为空，但属性仍然必须是第三个参数。所以如果你不想指定alt（你应该总是），你可以写HTML::image('path',null,$attr)。