Yii2上傳的圖像不顯示

所以我設置了一個CRUD上傳文件到服務器的根目錄，名爲'uploads'。現在，該文件已正確保存在特定文件夾中，並且數據庫條目看起來沒問題 - 但圖像不顯示在CRUD的「索引」和「視圖」操作中。對此有任何想法？Yii2上傳的圖像不顯示

創建：

public function actionCreate() 
    { 
     $model = new PhotoGalleryCategories(); 

     if ($model->load(Yii::$app->request->post())) { 

      $model->image = UploadedFile::getInstance($model, 'image'); 

      if (Yii::$app->ImageUploadComponent->upload($model)) { 
       Yii::$app->session->setFlash('success', 'Image uploaded. Category added.'); 

       return $this->redirect(['view', 'id' => $model->id]); 
      } else { 
       Yii::$app->session->setFlash('error', 'Proccess could not be successfully completed.'); 

       return $this->render('create', [ 
        'model' => $model 
       ]); 
      } 

     } else { 
      return $this->render('create', [ 
       'model' => $model, 
      ]); 
     } 
    }

ImageUploadComponent文件：

<?php 

namespace app\components; 

use Yii; 
use yii\base\Component; 
use yii\base\InvalidConfigException; 

class ImageUploadComponent extends Component { 

    public function upload($model) { 

     if ($model->image) { 

      $imageBasePath = dirname(Yii::$app->basePath, 1) . '\uploads\\'; 
      $imageData = 'img' . $model->image->baseName . '.' . $model->image->extension; 

      $time = time(); 

      $model->image->saveAs($imageBasePath . $time . $imageData); 

      $model->image = $imageBasePath . $time . $imageData; 

      if ($model->save(false)) { 
       return true; 
      } else { 
       return false; 
      } 

     } 

    } 

}

和索引文件的觀點：

<?php 

use yii\helpers\Html; 
use yii\grid\GridView; 

/* @var $this yii\web\View */ 
/* @var $searchModel app\modules\admin\models\PhotoGalleryCategoriesSearch */ 
/* @var $dataProvider yii\data\ActiveDataProvider */ 

$this->title = 'Photo Gallery Categories'; 
$this->params['breadcrumbs'][] = $this->title; 
?> 
<div class="photo-gallery-categories-index"> 

    <h1><?= Html::encode($this->title) ?></h1> 
    <?php // echo $this->render('_search', ['model' => $searchModel]); ?> 

    <p> 
     <?= Html::a('Create Photo Gallery Categories', ['create'], ['class' => 'btn btn-success']) ?> 
    </p> 

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

      'name', 

      'image' => [ 
       'attribute' => 'image', 
       'value' => 'image', 
       'format' => ['image', ['class' => 'col-md-6']] 
      ], 

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

編輯：在開發ŧ ools，我可以看到圖像的正確來源。更重要的是，我可以通過在瀏覽器中複製地址來訪問它。（第一行是從互聯網上通過自己的地址拍攝的圖像，他們都不會在本地保存。）

來源

2017-08-03 Moldovan Andrei

我有類似的問題，但認爲這是一些特定的網格視圖中，在文檔是一無所知，但你可以做的是安裝卡爾蒂克和使用GridView和DatePicker的它會解決很多未來的問題。 – Alexei

將文件上傳到文件夾中？ –

我發現這個異常：在檢查圖像源時，我發現Yii預先將baseUrl添加到圖像源，儘管它只顯示正確的位。所以我手動分配了進入數據庫的路徑 - 這樣圖像正確顯示。

這是更改後的上傳功能。爲了測試整個後端，我將它作爲一個組件，並且它的工作完美無瑕。

public function upload($model) { 

     /** 
     * If the $model->image field is not empty, proceed to uploading. 
     */ 
     if ($model->image) { 

      /** 
      * Assign current time. 
      */ 
      $time = time(); 

      /** 
      * Create the basePath for the image to be uploaded at @root/uploads. 
      * Create the image name. 
      * Create the database model. 
      */ 
      $imageBasePath = dirname(Yii::$app->basePath, 1) . '\uploads\\'; 
      $imageData = 'img' . $model->image->baseName . '.' . $model->image->extension; 
      $imageDatabaseEntryPath = '../../../uploads/'; 

      $modelImageDatabaseEntry = $imageDatabaseEntryPath . $time . $imageData; 

      $model->image->saveAs($imageBasePath . $time . $imageData); 

      $model->image = $modelImageDatabaseEntry; 

      /** 
      * If the model can be saved into the database, return true; else return false. 
      * Further handling will be done in the controller. 
      */ 
      if ($model->save(false)) { 
       return true; 
      } else { 
       return false; 
      } 

     } 

    } 

}

來源

2017-08-05 21:45:27

如果在文件夾中的圖片上傳

您查看下面的代碼在GridView控件與自己的路：

[ 
       'attribute' => 'image', 
       'format' => 'html', 
       'value' => function($data) { 
        if (empty($data['image'])) { 
         $img = 'default.jpg'; 
        } else { 
         $img = $data['image']; 
        } 


        if (file_exists(\Yii::$app->basePath . \Yii::$app->params['path']['product'] . $img)) { 
         if (file_exists(\Yii::$app->basePath . \Yii::$app->params['path']['product'] . "t-" . $img)) { 
          $path = \Yii::$app->params['path']['webproduct'] . "t-" . $img; 
         } else { 
          $path = \Yii::$app->params['path']['webproduct'] . $img; 
         } 
        } else { 
         if (file_exists(\Yii::$app->basePath . \Yii::$app->params['path']['product'] . "t-default.jpg")) { 
          $path = \Yii::$app->params['path']['webproduct'] . "t-default.jpg"; 
         } else { 
          $path = \Yii::$app->params['path']['webproduct'] . "default.jpg"; 
         } 
        } 

        return Html::img($path, ['width' => '100px', 'height' => '100px']); 
       }, 
        ],

在params.php

\的Yii :: $ APP-> PARAMS [ '路徑'] [ 'webproduct']：

'product' => '/web/uploads/product/', 
     'webproduct' => '/uploads/product/',

注意：我使用基本模板。

來源

2017-08-03 17:08:26

Yii2上傳的圖像不顯示

回答

相關問題