Yii2 上传图片

刚学习yii2有点头大,这个图片多图功能后续另外再测试下.目前单图上传无压力..

1- 首先先搭个简单的数据库

product | CREATE TABLE `product` (  `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键id',  `title` varchar(255) NOT NULL,  `bigpic` varchar(255) NOT NULL,  `smallpics` varchar(255) NOT NULL,  `desc` text NOT NULL,  PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8 

2- 搭建完毕数据,可以用Gii生成下model和CURD,这个不累赘说明

3- 在controller里开始写逻辑,涉及上传可以考虑内置的UploadedFile.用这个吧

use yii\web\UploadedFile;    public function actionCreate()    {        $model = new Product();        $uploadSuccessPath = "";        if ($model->load(Yii::$app->request->post()) ) {            $model->bigpic = UploadedFile::getInstance($model,'bigpic');            $dir = './uploads/'.date("Ymd");            if(!is_dir($dir)){                mkdir($dir,0777,true);            }            if($model->validate()){                $filename = date("YmdHms").$model->bigpic->baseName . "." . $model->bigpic->extension;                $dir = $dir."/". $filename;                $model->bigpic->saveAs($dir);            }            $model->save();            return $this->redirect(['view', 'id' => $model->id]);        } else {            return $this->render('create', [                'model' => $model,            ]);        }    }

为了省麻烦,我在Create里面直接做,视图因为引用的是_form.php模板, 所以里面去修改

用composer安装下组件,然后操作

$ php composer.phar require kartik-v/yii2-widget-fileinput "@dev"

进一步编辑视图,这个参考这个Github项目

use yii\helpers\Html;use yii\widgets\ActiveForm;use kartik\file\FileInput;<div class="product-form">    <?php $form = ActiveForm::begin(['options'=>['enctype'=>'multipart/form-data']]); ?>    <?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?>    <?php        echo $form->field($model, 'bigpic')->label('多图上传')->widget(FileInput::classname(), [            'options' => ['multiple' => true],            'pluginOptions' => [                    'showUpload' => false,                    'browseLabel' => '',                    'removeLabel' => '',                    'mainClass' => 'input-group-lg'                ]            ]);     ?>    <?php  echo $form->field($model, 'smallpics')->textInput(['maxlength' => true]) ?>    <?= $form->field($model, 'desc')->textarea(['rows' => 6]) ?>    <div class="form-group">        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>    </div>    <?php ActiveForm::end(); ?>