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

学习笔记 2020/12/16 框架

本文实例讲述了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>


本文地址:https://www.stayed.cn/item/302

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。