您現在的位置是:網站首頁>PHPYii2實現ajax上傳圖片的實例內容
Yii2實現ajax上傳圖片的實例內容
宸宸2024-05-10【PHP】52人已圍觀
給大家整理了相關的編程文章,網友鹹悅人根據主題投稿了本篇教程內容,涉及到Yii2、ajax、上傳圖片插件、Yii2實現ajax上傳圖片插件用法相關內容,已被927網友關注,內容中涉及的知識點可以在下方直接下載獲取。
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框架的PHP程序設計有所幫助。