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.

The initial preview works perfectly, except the small red remove buttons don't do anything when you click them. In order to remove you have to remove all the files.

Your demo suffers from this same issue.

I did notice that after you select a new file the remove buttons on the existing files begins to work.

I kept getting 400 "Unable to verify your data submission." errors from the controller where the upload heads. I've verified that the CSRF token is in the header as well as at the start of the form definition as a hidden input but still no luck.

I managed to get it working again with correct CSRF token validation by adding the following option to the widget:

'options' => [
    'uploadExtraData'=> new \yii\web\JsExpression('_csrf:yii.getCsrfToken()'),
],

Strangely before my addition, the request did contain a CSRF cookie, but its value wasn't valid; it failed the check in \yii\base\Security validateData().

Hello there!

The latest version of yii2-krajee-base breaks the file input widget under PHP 5.6.

Steps to reproduce the issue

1. Update yii2-krajee-base to latest release
2. Try to use the file input widget under PHP 5.6 with strict warnings enabled

Expected behavior and actual behavior

Following the steps above, this warning is thrown:

This is not the case using at least PHP 7.0, or even disabling strict warnings, but there can be (and there are, in fact) hosts where we cannot turn off the warnings even if we want to, so it would still be great to fix this.

Environment

Libraries

• yii2-krajee-base version: 1.9.4
• yii2-widget-fileinput version: 1.0.6

It seems to me that this needs to be fixed in this extension, and not in yii2-krajee-base, I hope I am correct in opening the issue here.

I get an error message: "The message file for category 'fileinput' does not exist: ..\site\vendor\kartik-v\yii2-krajee-base/messages/ru-RU/fileinput.php Fallback file does not exist as well: ..\site\vendor\kartik-v\yii2-krajee-base/messages/ru/fileinput.php"

I have to customize the internationalization and noticed that this is not possible right now, because of one * char.

// This
// Yii::$app->i18n->translations['fileinput'] = $this->i18n;
// Should be
Yii::$app->i18n->translations['fileinput*'] = $this->i18n;

Hi,

Are themes also available in yii2 file input?

I've tried with

 'pluginOptions' => [
                    'theme' => 'explorer',

without success and couldn't find something in the docu or web.

Thanks a lot!

Toby

I added the FileInput widget in a form like below.

<?php echo '<label class="control-label">Add Attachments</label>';
    echo FileInput::widget([
        'model' => $model,
        'attribute' => 'image',
        'options' => [
            'multiple' => false,
            'accept'=>'image/*'
        ],
        'pluginOptions'=>['allowedFileExtensions'=>['jpg','gif','png']]
    ]);
    ?>

and I added encryption type to formdata to the form like below.

<?php $form = ActiveForm::begin([
        'options'=>['enctype'=>'multipart/form-data'] // important
    ]); ?>

The above widget rendering the code like below.

<label class="control-label">Add Attachments</label>
<input type="hidden" name="Notification[image]" value="">
<input type="file" id="notification-image" class="file-loading" name="Notification[image]" accept="image/*" data-krajee-fileinput="fileinput_fd8fa034">
<!--[if lt IE 10]><br><div class="alert alert-warning"><strong>Note:</strong> Your browser does not support file preview and multiple file upload. Try an alternative or more recent browser to access these features.</div><script>document.getElementById("notification-image").className.replace(/\bfile-loading\b/,"");;</script><![endif]-->

In the output there is two input tag(hidden and a file) with same name is added. So when i submit the form the controller accepting the first hidden tag value only which is empty always. But the actual value is storing in the second tag only which is not accept as a request.

Dear Kartik,

How to program a confirmation dialog for the user when they click on the delete icon on the preview of an existing image / file? This is my current code in controller -

echo $form->field($model, 'images[]')->widget(FileInput::classname(), [ 'options' => ['accept' => 'image/*', 'multiple' => true], 'pluginOptions' => [ 'allowedFileExtensions' => ['jpg', 'gif', 'png'], 'initialPreview' => [ Html::img("/images/moon.jpg", ['class' => 'file-preview-image', 'alt' => 'The Moon', 'title' => 'The Moon']), Html::img(Yii::$app->params['imagesUrl'] . "default.png", ['class' => 'file-preview-image', 'alt' => 'The Earth', 'title' => 'The Earth']), ], 'initialPreviewConfig' => [ [ 'caption' => 'The Moon', 'url' => Url::toRoute(['page/removefile', 'file' => 'moon.png']), ], [ 'caption' => 'Default', 'url' => Url::toRoute(['page/removefile', 'file' => 'default.png']), ], ], ] ]);

This is the markup:

<?= $form->field($model, 'upload_file')->widget(FileInput::class, [
    'options' => [
        'multiple' => true,
    ],
    'pluginOptions' => [
        'showCaption' => false,
        'initialPreview' => $model->getPreviewThumbs(),
        'initialPreviewConfig' => $model->previewConfig,
        'uploadUrl' => Url::to(['/upload/single']),
    ],
    'pluginEvents' => [
        'filedeleted' => 'function() {console.log(arguments)}',
        'fileuploaded' => $fileUploadEvent,
    ]
]) ?>

Hi @kartik-v !

I'm not able to change language to russian.

Here is my code:

<?= $form->field($model, 'image')->widget(FileInput::classname(), [
        'options' => ['accept' => 'image/*'],
        'language' => 'ru',
        'pluginOptions' => [
            'initialPreview' => $preview_images,
            'overwriteInitial'=>false,
            'showRemove' => false,
        ],
    ]); ?>

Is it possible to change language if I'm not using Ajax? Because as per docs Ajax and custom language come together.