yii2如何自定義組件實(shí)現(xiàn)全局使用圖片上傳功能

這篇文章主要介紹了yii2如何自定義組件實(shí)現(xiàn)全局使用圖片上傳功能，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體如下：

此例為yii2高組應(yīng)用，這里只提供一個(gè)簡(jiǎn)單的事例

在yii2中，在使用到上傳圖片時(shí)有自帶的一個(gè)上傳圖片類(lèi)，但不太好用。

其中有一種方式，把自己寫(xiě)的一個(gè)上傳圖片類(lèi)文件，注冊(cè)成一個(gè)組件，在全局中使用。(我記得我在里面有寫(xiě)過(guò)一篇小物件的使用)

這里，我只作一個(gè)簡(jiǎn)單的自定義組件介紹

1、在backend（或frontend）定義一個(gè) upload.php(注意路徑： backend/components）

//圖片上傳處理類(lèi)(這里略)
//upload.php事例代碼
namespace backend\components;
class Upload
{
  public function test(){
    $a = '你好';
    return $a;
  }
}

2、backend/config/main.php 注冊(cè)剛寫(xiě)的自定義組件

'components' => [
  'imgload' => [
    'class' => 'backend\components\Upload'
  ],
]

3、控制器中如何使用

public function actionArticlelist()
{
  $cc = Yii::$app->imgload->test();
  var_dump($cc);exit;
}

那么，一個(gè)完整的圖片上傳組件這里就不寫(xiě)了。

這里只寫(xiě)了一個(gè)使用自定義組件的方法！

還是補(bǔ)進(jìn)進(jìn)來(lái)吧。

1、自定義組件，便于全局使用。backend/config/main.php

'components' => [
  'user' => [
    'identityClass' => 'common\models\AgMerch',
    'enableAutoLogin' => true,
  ],
  //自定義圖片上傳類(lèi)
  'imgload' => [
    'class' => 'agent\components\Upload'
  ],
]

2、自定義圖片上傳類(lèi) backend/components/Upload.php

namespace agent\components;
use yii;
use yii\base\Object;
use yii\web\UploadedFile;
class Upload extends Object
{
  /**
   * [UploadPhoto description]
   * @param [type] $model   [實(shí)例化模型]
   * @param [type] $path    [圖片存儲(chǔ)路徑]
   * @param [type] $originName [圖片源名稱(chēng)]
   * @param boolean $isthumb  [是否要縮略圖]
   */
  public function UploadPhoto($model,$path,$originName,$isthumb=false){
    $root = $_SERVER['DOCUMENT_ROOT'].'/'.$path;
    //返回一個(gè)實(shí)例化對(duì)象
    $files = UploadedFile::getInstance($model,$originName);
    $folder = date('Ymd')."/";
    $pre = rand(999,9999).time();
    if($files && ($files->type == "image/jpeg" || $files->type == "image/pjpeg" || $files->type == "image/png" || $files->type == "image/x-png" || $files->type == "image/gif"))
    {
      $newName = $pre.'.'.$files->getExtension();
    }else{
      die($files->type);
    }
    if($files->size > 2000000){
      die("上傳的文件太大");
    }
    if(!is_dir($root.$folder))
    {
      if(!mkdir($root.$folder, 0777, true)){
        die('創(chuàng)建目錄失敗...');
      }else{
      //  chmod($root.$folder,0777);
      }
    }
    //echo $root.$folder.$newName;exit;
    if($files->saveAs($root.$folder.$newName))
    {
      if($isthumb){
        $this->thumbphoto($files,$path.$folder.$newName,$path.$folder.'thumb'.$newName);
        return $path.$folder.$newName.'#'.$path.$folder.'thumb'.$newName;
      }else{
        return $path.$folder.$newName;
      }
    }
  }
}

3、控制器部分

use backend\components\Upload;
public function actionArtadd(){
  $model = new Article();
  if ($model->load(Yii::$app->request->post())) {
    //cover為表中的字段名
    $img = Yii::$app->imgload->UploadPhoto($model,'uploads/article/','cover');
    $model->cover = $img;//存入表中
    if($model->save()){
      Yii::$app->getSession()->setFlash('info', '添加成功！');
      return $this->redirect(['xxx']);
    }else{
      Yii::$app->getSession()->setFlash('info', '添加失??！');
      @unlink($img);
      return $this->redirect(['xxx']);
    }
  }
  //代碼略
}

4、視圖 （部分代碼）

<?= $form->field($model, 'cover', [
  'options'=>['class'=>''],
  'inputOptions' => ['class' => 'form-control'],
])->fileInput()->label(false); ?>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“yii2如何自定義組件實(shí)現(xiàn)全局使用圖片上傳功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!