Почему при удалении одного файла в kartik-v-fileinput удаляются все остальные файлы?

Question

[Иван Иванов]

Использую yii2 kartik-v-fileinput для загрузки изображений. Все работает, однако, при удалении одного файла в предварительном просмотре удаляются все остальные тоже(они остаются в предварительном просмотре, однако до сервера доходит пустой массив, и файлов там нет)
Вид предварительного просмотра:

Поле:

<?= $form->field($model, 'imgFiles[]')->widget(FileInput::class, [
                            'options' => ['accept' => 'image/*', 'multiple' => true, 'id' => 'img-456'],
                            'pluginOptions' => [
                                //'browseLabel' => '',
                                'showPreview' => true,
                                //'showCaption' => true,
                                //'dropZoneTitle' => '',
                                'showRemove' => true,
                                'showUpload' => false,
                                'showDelete' => true,
                                //'showUpload' => false,
                                //'showClose' => false,
                                //'previewFileType' => 'image',
                                'allowedFileExtensions' => ['jpg', 'png', 'jpeg'],
                                'maxFileCount' => 20,
                                'removeClass' => 'btn btn-danger img-btn',
                                'uploadUrl' => Url::to('some'),
                                'deleteUrl' => Url::to('site/delete-img'),
                            ]
                        ])->label(false) ?>

Ловлю картинки в контроллере:

var_dump(UploadedFile::getInstances($form, 'imgFiles'));
                exit();

Если просто загрузить файлы и ничего не удалять, то все окей. Если же выбрать файлы и удалить какой-то, то до сервера доходит пустой массив.

Answer 1

[bashcod]

Попробуйте применить дефолтную конфигурацию из примеров плагина.
Потом по одному включайте свойства.

И еще не понятно, вы рисунки отправляете с основной формой или отдельно. Если отдельно, там немного по другому нужно обрабатывать.
Если вместе uploadUrl был, кажется, лишним.

Comments

[Иван Иванов]

все в одной форме, если убрать uploadUrl, то иконка удаления пропадает

[Иван Иванов]

пробовал перебирать свойства, ничего не меняется

[bashcod]

https://plugins.krajee.com/file-input#usage-modes

In this mode, you do not set the uploadUrl property. The plugin will use the native file input to store files and it can be read after a normal FORM submission (you must envelop the input within a FORM). This is useful for single file uploads OR simpler scenarios of multiple file uploads. Configuration is straightforward as you can read all data POSTED from a native form submission. However, note that the native file input is read only and cannot be modified or updated by external code. Especially for multiple file input selections, ONE cannot append files to an already selected file list. If one tries to select files on an already selected file input, it will overwrite and clear the previous selection. Similarly, one cannot selectively remove/delete files that have been added before upload in this mode.

Т.е. все правильно.
Если грузите в основной форме, кнопки удалить быть не должно, т.к. нельзя выборочно удалять, сортировать и добавлять новые файлы к уже выбранным. Вы добавляете uploadUrl и делаете поле для ajax загрузки и получается недокументированный вариант работы плагина.

Если хотите продвинутую загрузку нужно использовать ajax загрузку вне основной формы. В этом случае нужно сделать отдельный экшн для загрузки картинок, передавать туда файл, csrf-токен, айдишник основной модели и обратно присылать ответом в json с результатом (структура ответа есть в доках). Чтобы передавать айдишник основной модели, нужно чтобы она была создана заранее и сохранена в бд. Получается такая связка js и php кода.
Если все это трудно реализовать или нет времени, советую посмотреть в сторону готовых решений. Они есть. Например, https://github.com/zxbodya/yii2-gallery-manager
Он рабочий, но со своими недостатками.

[Иван Иванов]

bashcod, большое спасибо, теперь знаю, куда копать