Yii2實現ajax上傳圖片外掛程式用法_php執行個體

來源:互聯網
上載者:User

本文執行個體講述了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

<?phpuse 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程式設計有所協助。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.