upload Archives - indocoder.com

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 Read more about Yii2 Tips 21 : Mengupload Multiple Files dengan FileInput Widget[…]

Upload file menggunakan kartik fileinput widget : Langkah 1 : Install Yii2 Extension Kartik FileInput

composer require kartik-v/yii2-widget-fileinput "@dev"

1	composer require kartik-v/yii2-widget-fileinput "@dev"

Langkah 2 : Buat Tabel dan Model Pada contoh ini, kita akan membuat tabel file dan model File dengan Gii.

<?php

namespace common\models;

use Yii;

/**
 * This is the model class for table "file".
 *
 * @property integer $id
 * @property string $namafile
 */
class File extends \yii\db\ActiveRecord
{
    /**
     * @inheritdoc
     */
    public static function tableName()
    {
        return 'file';
    }

    /**
     * @inheritdoc
     */
    public function rules()
    {
        return [
            [['namafile'], 'string', 'max' => 100],
        ];
    }

    /**
     * @inheritdoc
     */
    public function attributeLabels()
    {
        return [
            'id' => Yii::t('app', 'ID'),
            'namafile' => Yii::t('app', 'Namafile'),
        ];
    }
}

<?php

namespace common\models;

use Yii;

/**

* This is the model class for table "file".

* @property integer $id

* @property string $namafile

class File extends \yii\db\ActiveRecord

{

/**

* @inheritdoc

public static function tableName()

{

return 'file';

}

/**

* @inheritdoc

public function rules()

{

return [

[['namafile'], 'string', 'max' => 100],

];

}

/**

* @inheritdoc

public function attributeLabels()

{

return [

'id' => Yii::t('app', 'ID'),

'namafile' => Yii::t('app', 'Namafile'),

];

}

Langkah 3 : Persiapkan Controller dan View Siapkan FileController.php kemudian tambahkan beberapa action sebagai berikut : 1. public function Read more about Yii2 Tips 20 : Mengupload File Menggunakan Kartik FileInput Widget[…]