Yii2实现ajax上传图片插件用法

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

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

代码如下：

    public function actionCreate()
    {
      $model = new DynamicModel([
        'nama', 'file_id'
        ]);
      // behavior untuk upload file
      $model->attachBehavior('upload', [
        'class' => 'mdm\upload\UploadBehavior',
        'attribute' => 'file',
        'savedAttribute' => 'file_id' // coresponding with $model->file_id
      ]);
      // rule untuk model
      $model->addRule('nama', 'string')
        ->addRule('file', 'file', ['extensions' => 'jpg']);
      if ($model->load(Yii::$app->request->post()) && $model->validate()) {
        if ($model->saveUploadedFile() !== false) {
          Yii::$app->session->setFlash('success', 'Upload Sukses');
        }
      }
      return $this->render('upload',['model' => $model]);
    }

Then in view upload.php

    <?php
    use yii\helpers\Html;
    use yii\widgets\ActiveForm;
    /* @var $this yii\web\View */
    ?>
    <div>
      <?php
      $form = ActiveForm::begin([
          'options' => [ 'enctype' => 'multipart/form-data']
      ]);
      ?>
      <?= $form->field($model, 'nama'); ?>
      <?= $form->field($model, 'file')->fileInput(); ?>
      <?php if ($model->file_id): ?>
        <div class="form-group">
          <?= Html::img(['/file', 'id' => $model->file_id]) ?>
        </div>
      <?php endif; ?>
      <div class="form-group">
        <?= Html::submitButton('Submit', ['class' => 'btn btn-primary']) ?>
      </div>
      <?php ActiveForm::end(); ?>
    </div>

更多关于Yii相关内容感兴趣的读者可查看本站专题：《Yii框架入门及常用技巧总结》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《php日期与时间用法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。