这篇文章主要介绍了Yii2实现ajax上传图片插件用法,结合实例形式分析了Yii上传图片插件的具体使用方法,需要的朋友可以参考下。

本文实例讲述了Yii2实现ajax上传图片插件用法，分享给大家供大家参考，具体如下：

这里需要先下载 mdmsoft/yii2-upload-file.插件。

代码如下：

1. public function actionCreate() 
2. { 
3.   $model = new DynamicModel([ 
4.     'nama', 'file_id' 
5.     ]); 
6.   // behavior untuk upload file 
7.   $model->attachBehavior('upload', [ 
8.     'class' => 'mdm\upload\UploadBehavior', 
9.     'attribute' => 'file', 
10.     'savedAttribute' => 'file_id' // coresponding with $model->file_id 
11.   ]); 
12.   // rule untuk model 
13.   $model->addRule('nama', 'string') 
14.     ->addRule('file', 'file', ['extensions' => 'jpg']); 
15.   if ($model->load(Yii::$app->request->post()) && $model->validate()) { 
16.     if ($model->saveUploadedFile() !== false) { 
17.       Yii::$app->session->setFlash('success', 'Upload Sukses'); 
18.     } 
19.   } 
20.   return $this->render('upload',['model' => $model]); 
21. } 

Then in view upload.php

1. <?php 
2. use yii\helpers\Html; 
3. use yii\widgets\ActiveForm; 
4. /* @var $this yii\web\View */ 
5. ?> 
6. <div> 
7.   <?php 
8.   $form = ActiveForm::begin([ 
9.       'options' => [ 'enctype' => 'multipart/form-data'] 
10.   ]); 
11.   ?> 
12.   <?= $form->field($model, 'nama'); ?> 
13.   <?= $form->field($model, 'file')->fileInput(); ?> 
14.   <?php if ($model->file_id): ?> 
15.     <div class="form-group"> 
16.       <?= Html::img(['/file', 'id' => $model->file_id]) ?> 
17.     </div> 
18.   <?php endif; ?> 
19.   <div class="form-group"> 
20.     <?= Html::submitButton('Submit', ['class' => 'btn btn-primary']) ?> 
21.   </div> 
22.   <?php ActiveForm::end(); ?> 
23. </div>

Tags: Yii2上传图片 ajax上传图片

分享到：