Как правильно использовать dropzone.js в yii2?

Question

[Vlad Osadchyi]

имею такое поле в view:

<div class="form-group row">
    <label for="input1" class="col-sm-2 col-form-label">
        <?= $model->getAttributeLabel('photo') ?>
    </label>
    <div class="col-sm-10 js__dropzone js__dropmulti">
        <div class="dz-message needsclick">
            Drop photo here or click to upload.
        </div>
        <?= $form
            ->field($model, 'photo')
            ->hiddenInput([
                'class' => 'js__dropzone__hidden-file-name'
            ])
            ->label(false) ?>
    </div>
</div>

также имею такой конфиг для dropzone

$(".js__dropzone").dropzone({
            parallelUploads: 1,
            uploadMultiple: false,
            acceptedFiles: "image/*",
            maxFiles: 3,
            url: "/ajax/drop-zone",
            previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  <div class=\"dz-image\"><img data-dz-thumbnail /></div>\n  <div class=\"dz-details\">\n    <div class=\"dz-size\"><span data-dz-size></span></div>\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n  </div>\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n  </div>",

            init: function() {
                this.on("maxfilesexceeded", function(file) {
                    this.removeAllFiles();
                    this.addFile(file);
                });
            },
            success: function (file, response) {
                if (response.result != undefined && response.result == 'success') {
                    $('.js__dropzone__hidden-file-name').val(response.fileName);
                }
            }
        });

когда я сохраняю форму с двумя фотками, то в поле $model, 'photo', записывается только имя одной фотки.
предполагаю что проблема в том, что использую ->hiddenInput(). чем мне его заменить, чтобы на сервер отправлялись имена обеих фоток и чтобы этот элемент не отображался на странице? использую ванильный dropzone.js

Answer 1

[Дмитрий]

Доброе утро.
Попробуйте сделать так:
->field($model, 'photo[]')

uploadMultiple: true

Comments

[Vlad Osadchyi]

так идет пустой массив на сервер

$_POST = [
    'ProductForm' => [
        'photo' => [
            '',
        ],

а в js я получаю ошибку 500

[Vlad Osadchyi]

я думаю, проблема в том, что здесь заменяется value поля, а нужно сделать, то чтобы оно дополнялось
success: function (file, response) {
if (response.result != undefined && response.result == 'success') {
$('.js__dropzone__hidden-file-name').val(response.fileName);
}
}

[Дмитрий]

Vlad Osadchy, значит попробуйте оставить multiple, а массив из photo уберите.