jQuery & PHP: загрузите изображение и обновите страницу галереи с новым эскизом

Question

У меня есть страница с миниатюрами для фотогалереи.На этой странице есть ссылка для загрузки дополнительных изображений.Когда вы нажимаете на ссылку, открывается модальное окно, содержащее форму загрузки (jquery colorbox в iframe), которая позволяет вам загружать одно изображение (плюс его имя, подпись и т. Д.) За раз, используя PHP.Когда форма отправлена, изображение загружается и страница обновляется в модальном режиме, чтобы можно было загружать больше.

Поскольку этот модальный режим находится поверх существующих миниатюр, я бы очень хотел, чтобы пользователь увидел новыйминиатюра добавлена ​​на страницу после загрузки.Это возможно?Как бы я это сделал?

Answer 1

Я предполагаю, что модал в iframe. Если это так, когда отправка отправляется, и модальная форма перезагружается, чтобы разрешить другую загрузку, просто отправьте информацию о ранее загруженном файле (URL-адрес эскиза) обратно в родительский фрейм. Например:

parent.uploadCallback('http://my.domain.com/newly-uploaded-thumbnail.jpg');

Затем в главном фрейме есть функция uploadCallback, которая создает объект img и добавляет его в список миниатюр.