Yii2 Отображение текущей картинки профиля в форме редактирования

В форме редактирования не отображается текущая картинка. Если выбрать новую картинку, то она изменится на профиле (с этим все нормально). А если нажать на кнопку "Удалить изображение", то сработает валидация, что файл не выбран. Если выбрать любой файл, то можно удалить изображение профиля.

Форма редактирования выглядит так:

введите сюда описание изображения

Код представления:

<div class="form-group">
            <div class="row">
                <div class="col-md-8">
                    <div class="p-5 mb-4 bg-white rounded-lg" style="border: 1px solid lightgrey">

                        <img id="image-profile-review" width=100% height=100%">

                        <h6 class="text-center mb-4 text-muted" id="file-success"></h6>

                        <div class="custom-file">
                            <?= $form->field($model, 'image')->fileInput(['accept' => 'image/*', 'language'=>'en', 'class'=>'custom-file-input', 'id'=>'inputGroupFile01'])->label(false);?>
                            <label class="custom-file-label" id="FileUpload1" for="inputGroupFile01" >Виберіть файл... </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<?php $this->registerJs("$('input[type=\"file\"]').change(function(e){
            var fileName = e.target.files[0].name;
            document.getElementById('file-success').innerHTML = 'Зображення профілю';
            document.getElementById('FileUpload1').innerHTML = fileName;
            readURL(this);
        });
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

            reader.onload = function(e) {
                 $('#image-profile-review').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]); 
            }
        }");
?>

Если выбрать новое изображение, то оно появится на екране:

введите сюда описание изображения

Как сделать так, чтобы всегда отображалась текущая картинка модели в форме редактирования?


Ответы (0 шт):