Я пытаюсь написать предварительный просмотр изображения для своего проекта, но получаю неприятную проблему. Пользователь нажимает на изображение и открывает модал с отзывчивым файловым менеджером 9, загруженным через iframe, при выборе изображения модал закрывается, и этот файловый менеджер добавляет дополнительный URL-адрес при скрытом вводе, но не обновляет предварительный просмотр изображения.
jquery для обновления изображения
$(document).ready(function()
{
$("#cover-input").on('change',function()
{
var cover=$("#cover-input").val();
$("#cover-preview").attr("src",cover);
});
});
html ввод (без скрытого ввода)
<a class="edit-cover" href="#" data-toggle="modal" data-target="#modal-cover" > <img id="cover-preview" src="image/image-placeholder.jpg" /></a><input id="cover-input" value="">
Если пользователь меняет букву в поле ввода, изображение обновляется корректно