Yii2 Tips 21 : Mengupload Multiple Files dengan FileInput Widget

Untuk mengupload multiple files dengan fileinput widget cukup memodifikasi sedikit dari Tips sebelumnya.

Yang perlu dimodifikasi adalah pada _form.php,

<?= $form->field($model, 'namafile')

1	<?= $form->field($model, 'namafile')

menjadi array :

<?= $form->field($model, 'namafile[]')

1	<?= $form->field($model, 'namafile[]')

kemudian tambahkan berapa file yang bisa diupload dalam suatu waktu :

'maxFileCount'=> 10,

1	'maxFileCount'=> 10,

Dan aktifkan multiple upload :

'options' => ['multiple'=>true, 'accept' => '']

1	'options' => ['multiple'=>true, 'accept' => '']

Sehingga _form.php menjadi :

<?= $form->field($model, 'namafile[]')->widget(FileInput::className(),[
        'options' => ['multiple'=>true, 'accept' => '']
        'pluginOptions' => [
            'showRemove'=> false,
            'showUpload' => false,
            'showCancel' => false,
            'overwriteInitial' => false,
            'initialPreviewConfig' => $json,
            'previewFileType' => 'image',
            'initialPreview' => $img,
            'uploadAsync'=> true,
            'maxFileSize' => 3*1024*1024,
            'deleteUrl' => Url::to(['/file/delete-upload']),
            'allowedExtensions' => ['jpg','png','jpeg'],
            'maxFileCount'=> 10,
        ]
     ])?>
    <?php else : ?>
         <?= $form->field($model, 'namafile[]')->widget(FileInput::classname(), [
        'options' => ['multiple'=>true, 'accept' => '']
        'pluginOptions' => [
            'showUpload' => false,
            'maxFileCount'=> 10,
        ]
    ]); ?>

<?= $form->field($model, 'namafile[]')->widget(FileInput::className(),[

'options' => ['multiple'=>true, 'accept' => '']

'pluginOptions' => [

'showRemove'=> false,

'showUpload' => false,

'showCancel' => false,

'overwriteInitial' => false,

'initialPreviewConfig' => $json,

'previewFileType' => 'image',

'initialPreview' => $img,

'uploadAsync'=> true,

'maxFileSize' => 3*1024*1024,

'deleteUrl' => Url::to(['/file/delete-upload']),

'allowedExtensions' => ['jpg','png','jpeg'],

'maxFileCount'=> 10,

]

])?>

<?php else : ?>

<?= $form->field($model, 'namafile[]')->widget(FileInput::classname(), [

'options' => ['multiple'=>true, 'accept' => '']

'pluginOptions' => [

'showUpload' => false,

'maxFileCount'=> 10,

]

]); ?>

Ubah actionCreate pada Controller, dari getInstance menjadi getInstances dan tambahkan foreach sehingga menjadi seperti ini:

public function actionCreate()
    {
        $model = new File();

        if ($model->load(Yii::$app->request->post())) {

            $model->namafile = UploadedFile::getInstances($model,'namafile');
            foreach($model->namafile as $saving){
               if($saving){
                                $file = $saving->name;
                                if ($saving->saveAs(Yii::getAlias('@frontend').'/web/file/'.$file)){
                                    $saving = $file;           
                                }
                            }
                $simpan = new File();
                $simpan->namafile = $file;
                $simpan->save();
            }
            return $this->redirect(['index']);
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

public function actionCreate()

{

$model = new File();

if ($model->load(Yii::$app->request->post())) {

$model->namafile = UploadedFile::getInstances($model,'namafile');

foreach($model->namafile as $saving){

if($saving){

$file = $saving->name;

if ($saving->saveAs(Yii::getAlias('@frontend').'/web/file/'.$file)){

$saving = $file;

}

$simpan = new File();

$simpan->namafile = $file;

$simpan->save();

}

return $this->redirect(['index']);

} else {

return $this->render('create', [

'model' => $model,

]);

}

Sehingga FileController.php menjadi seperti ini :

<?php 

namespace frontend\controllers;

use Yii;
use common\models\File;
use yii\web\Controller;
use yii\web\NotFoundHttpException;
use yii\filters\VerbFilter;
use yii\web\UploadedFile;

/**
 * FileController implements the CRUD actions for File model.
 */
class FileController extends Controller
{
    public function actionIndex(){
        $files = File::find()->all();
        return $this->render('index',[
                'files' => $files,
            ]);
    }

    public function actionCreate()
    {
        $model = new File();

        if ($model->load(Yii::$app->request->post())) {

            $model->namafile = UploadedFile::getInstances($model,'namafile');
            foreach($model->namafile as $saving){
               if($saving){
                                $file = $saving->name;
                                if ($saving->saveAs(Yii::getAlias('@frontend').'/web/file/'.$file)){
                                    $saving = $file;           
                                }
                            }
                $simpan = new File();
                $simpan->namafile = $file;
                $simpan->save();
            }
            return $this->redirect(['index']);
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

    public function actionUpdate($id)
    {
        $model = $this->findModel($id);
        $old_file = $model->namafile;

        if ($model->load(Yii::$app->request->post())) {

                $model->namafile = UploadedFile::getInstance($model,'namafile');
                if($model->namafile){
                    $file = $model->namafile->name;
                    if ($model->namafile->saveAs(Yii::getAlias('@frontend').'/web/file/'.$file)){
                        $model->namafile = $file;           
                    }
                }
                if (empty($model->namafile)){
                     $model->namafile = $old_file;
                }

            $model->save();
            return $this->redirect(['index']);
        } else {
            return $this->render('update', [
                'model' => $model,
            ]);
        }
    }

    public function actionDelete($id)
    {
        $model = $this->findModel($id);
        @unlink(Yii::getAlias('@frontend') . '/web/file/' . $model->namafile);
        $model->delete();
        return $this->redirect(['index']);
    }

    public function actionDeleteUpload() {
            
        Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
        $keys = Yii::$app->request->post('key');
        $key = explode(' ', $keys);

        $model = File::find()->where([
                    'id' => $key[1],
                    //'create_id' => Yii::$app->user->id
                ])->one();

        if ($key[0] == 'namafile') {
            @unlink(Yii::getAlias('@frontend') . '/web/file/' . $model->namafile);
            $model->namafile = NULL;
            $model->save(false);
        }

        return [];
    }

    protected function findModel($id)
    {
        if (($model = File::findOne($id)) !== null) {
            return $model;
        } else {
            throw new NotFoundHttpException('The requested page does not exist.');
        }
    }
}
?>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

<?php

namespace frontend\controllers;

use Yii;

use common\models\File;

use yii\web\Controller;

use yii\web\NotFoundHttpException;

use yii\filters\VerbFilter;

use yii\web\UploadedFile;

/**

* FileController implements the CRUD actions for File model.

class FileController extends Controller

{

public function actionIndex(){

$files = File::find()->all();

return $this->render('index',[

'files' => $files,

]);

}

public function actionCreate()

{

$model = new File();

if ($model->load(Yii::$app->request->post())) {

$model->namafile = UploadedFile::getInstances($model,'namafile');

foreach($model->namafile as $saving){

if($saving){

$file = $saving->name;

if ($saving->saveAs(Yii::getAlias('@frontend').'/web/file/'.$file)){

$saving = $file;

}

$simpan = new File();

$simpan->namafile = $file;

$simpan->save();

}

return $this->redirect(['index']);

} else {

return $this->render('create', [

'model' => $model,

]);

}

public function actionUpdate($id)

{

$model = $this->findModel($id);

$old_file = $model->namafile;

if ($model->load(Yii::$app->request->post())) {

$model->namafile = UploadedFile::getInstance($model,'namafile');

if($model->namafile){

$file = $model->namafile->name;

if ($model->namafile->saveAs(Yii::getAlias('@frontend').'/web/file/'.$file)){

$model->namafile = $file;

}

if (empty($model->namafile)){

$model->namafile = $old_file;

}

$model->save();

return $this->redirect(['index']);

} else {

return $this->render('update', [

'model' => $model,

]);

}

public function actionDelete($id)

{

$model = $this->findModel($id);

@unlink(Yii::getAlias('@frontend') . '/web/file/' . $model->namafile);

$model->delete();

return $this->redirect(['index']);

}

public function actionDeleteUpload() {

Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;

$keys = Yii::$app->request->post('key');

$key = explode(' ', $keys);

$model = File::find()->where([

'id' => $key[1],

//'create_id' => Yii::$app->user->id

])->one();

if ($key[0] == 'namafile') {

@unlink(Yii::getAlias('@frontend') . '/web/file/' . $model->namafile);

$model->namafile = NULL;

$model->save(false);

}

return [];

}

protected function findModel($id)

{

if (($model = File::findOne($id)) !== null) {

return $model;

} else {

throw new NotFoundHttpException('The requested page does not exist.');

}

Sekarang sudah bisa mengupload file lebih dari satu :

1 thought on “Yii2 Tips 21 : Mengupload Multiple Files dengan FileInput Widget”

Yanti says:

September 17, 2021 at 10:41 pm

Function updatenya nggak bekerja saat mau nambah file yg akan di upload serta menghapus dan mengganti file yg akan di upload

indocoder.com

Yii2 Tips 21 : Mengupload Multiple Files dengan FileInput Widget

1 thought on “Yii2 Tips 21 : Mengupload Multiple Files dengan FileInput Widget”

Leave a Reply Cancel reply