Multiple file input instances renders incorrectly.

[StalkAlex]

This is my view code:

echo '<label class="control-label">One</label>';
echo FileInput::widget([
    'model' => new UploadForm(),
    'attribute' => 'file',
]);
echo '<label class="control-label">Two</label>';
echo FileInput::widget([
    'model' => new UploadForm(),
    'attribute' => 'file',
]);

I see this on the page. Second input is spinning infinitely.

As I understand problem is in same attribute for both widgets.

[kartik-v]

Yes it will not work with your code (you may want to cross check usage of input widgets in Yii) as it will break the HTML and as well as any such jquery plugin.

You need to have unique HTML identifiers for each input element for plugins that you are initializing via jquery.

[StalkAlex]

Ok, how can I get validation on form whether file was uploaded in case of without model usage?

[kartik-v]

You can still use model - but ensure your identifiers are unique or use array naming convention for attributes (like in tabular data) - so that your model validations work. Check yii docs for details.

[StalkAlex]

I tried to give 'file[]' as attribute name for both of them, but it also not working.

[kartik-v]

As I said read yii docs... this is not related to file input... something like...

for ($i = 1; $i < 5; $i++) {
    echo $form->field($model, "[$i]file")->widget(FileInput::classname(), [
        // your widget settings
    ]);
}

[StalkAlex]

Okay, now I got it, thank you for your time. Also I will check docs again.

[vc7deo]

hi kartik,

i can use

    <?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); ?>
<?= $form->field($model, 'file')->widget(\dosamigos\fileinput\FileInput::className())->label('Application Form');?>
    <?php ActiveForm::end(); ?>

    <?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); ?>
<?= $form->field($model, 'file')->widget(\dosamigos\fileinput\FileInput::className())->label('Application Form');?>
    <?php ActiveForm::end(); ?>

multiple times but i replace it with yours i got above problem

[kartik-v]

As I mentioned - again reiterating... you need to have an unique id for the yii2 FileInput widget to render the plugin correctly. Please ensure that in your code.

Yii by default generates a default HTML id for the same model and attribute - so if you are rendering duplicate inputs for same model and attribute - you need to configure it correctly to have unique ids...

<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); ?>
<?= $form->field($model, 'file')->widget(
    \kartik\file\FileInput::className(), 
    ['options'=>['id'=>'unique-id-1']],  // something like this
)?>
    <?php ActiveForm::end(); ?>

[vc7deo]

@kartik-v ,
perfect now its working. Thank you!!