Изображение в gridview в yii2

Question

Как поместить изображение в GridView в yii2? У меня есть следующий код. Но это не отображает изображение, поскольку оно не дает никакого URL-адреса изображения. Куда поместить изображение?

<?php echo GridView::widget([ 
    'dataProvider' => $dataProvider, 
    'filterModel' => $searchModel, 
    'columns' => [ 
     ['class' => 'yii\grid\SerialColumn'], 

     'c_id', 
     'name:ntext', 
     'description:ntext', 
     array(
       'format' => 'image', 
       'attribute'=>'logo', 

), 

     ['class' => 'yii\grid\ActionColumn'], 
    ], 
]); ?> 

Answer 1

Try как,

array(
'format' => 'image', 
'value'=>function($data) { return $data->imageurl; }, 

    ), 

И в вашей модели,

public function getImageurl() 
{ 
return \Yii::$app->request->BaseUrl.'/<path to image>/'.$this->logo; 
} 

Не знаю, что это правильный путь или not.But это работает для меня.

Answer 2

Вы также можете использовать:

public function getImageurl() 
{ 
    return \Yii::$app->urlManager->createUrl('@web/path/to/logo/'.$this->logo); 
} 

'@web' является predefined path aliases.

'urlManager->CreateUrl()' делать что-то большее, чем разрешать псевдонимы.

Answer 3

Yii 2 имеет встроенный помощник для создания URL-адресов. Вы также можете вывести URL-адрес изображения по пути (путем прохождения второго параметра $scheme).

Поэтому я рекомендую использовать это:

GridView:

use yii\helpers\Url; 

[ 
    'format' => 'image', 
    'value' => function ($model) { 
     return $model->getImageUrl(); 
    }, 
], 

Модель:

public function getImageUrl() 
{ 
    return Url::to('@web/path/to/logo/' . $this->logo, true); 
} 

Answer 4

Используйте это:

[ 
     'attribute' => 'image', 
     'format' => 'html',  
     'value' => function ($data) { 
      return Html::img(Yii::getAlias('@web').'/images/'. $data['image'], 
       ['width' => '70px']); 
     }, 
    ], 

Answer 5

В views-> image-> index.php

<?= GridView::widget([ 
     'dataProvider' => $dataProvider, 
     'filterModel' => $searchModel, 

     'columns' => [ 
      ['class' => 'yii\grid\SerialColumn'], 
      [ 
      'attribute'=>'image_path', 
      'label'=>'Image', 
      'format'=>'html', 
      'content' => function($data){ 
       $url = $data->getParentName(); 
       return Html::img($url, ['alt'=>'yii','width'=>'250','height'=>'100']); 
         } 
      ], 
      'caption1', 
      'caption2', 
      'status', 
      ['class' => 'yii\grid\ActionColumn'], 
     ], 
     'tableOptions' =>['class' => 'table table-striped table-bordered'], 

    ]); ?> 

В модели-> изображение

public function getParent() 
    { 
     return $this->hasOne(Image::className(), ['image_id' => 'image_id']); 
    } 
    public function getParentName() 
    { 
     $model=$this->parent; 
     return $model?$model->image_path:''; 
    } 

атрибуты таблицы являются, image_id, image_path, caption1, caption2, статус

Answer 6

It просто вы можете просто объявить его в своем индексном файле, как показано ниже.

[ 
      'label' => Your Label Here', 
      'format' => 'raw', 
      'value' => function ($data) { 
       $images = ''; 

       $images = $images.Html::img(\Yii::$app->request->BaseUrl.'/your-path-here/'.$date->getImagefilename(),['alt'=>'','width'=>'30','height'=>'30', 'data-toggle'=>'tooltip','data-placement'=>'left','title' => $name->pictogram_comment ,'style'=>'cursor:default;']); 
       return ($images); 

      } 
      ], 

Вам нужно будет получить экземпляр изображения из вашей модели. Если требуется, пожалуйста, прокомментируйте, верните это.

Answer 7

Раньше я использовал «сырой» формат для этого вида работ.

[ 
    "attribute": "image", 
    "format": "raw", 
    "value": function($model){ 
     return ($model->image) ? Html::img("/path-to-img-location" . $model->image) : false; 
    } 
] 

Если изображение существует, изображение отображается в противном случае, оно пустое.

Answer 8

Вы можете попробовать это:

<?= GridView::widget 
       ([ 
        'dataProvider' => $dataProvider, 
        'filterModel' => $searchdata, 
     'columns' => [ 
         [ 
         'attribute' => 'logo', 
         'format' => 'html', 
         'label' => 'Image', 
         'value' => function ($data) { 
            return Html::img('/advanced/hello/frontend/web/image/' . $data['logo'], 
            ['width' => '80px', 
            'height' => '80px']); 
            }, 
        ], 
        ], 
       ]); 
     ?>