【问题标题】:{{HTML::image}} set width and height in Laravel{{HTML::image}} 在 Laravel 中设置宽度和高度
【发布时间】:2014-04-29 22:26:37
【问题描述】:

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

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

但它似乎不起作用。

【问题讨论】:

    标签: html laravel laravel-4


    【解决方案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】:

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

        【讨论】:

        • OP 期望得到一个使用 Laravel 代码的答案。虽然你的是正确的,但它不使用 Laravel。此外,此摘录是user2592890 答案的精确副本。
        【解决方案4】:

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

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

        你可以看到我是如何使用 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)
            猜你喜欢
            • 2011-08-06
            • 2016-04-15
            • 2016-10-08
            • 1970-01-01
            • 2021-03-08
            • 1970-01-01
            • 2013-10-22
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多