скрипт работает только с первым инпутом. Как я понимаю, нужно сделать так, чтобы этот мой скрипт работал с динамической страницей.

[dodsik]

Всем доброго дня!
Есть вот такой код, немного переделанный мною (соответственно моим скудным познаниям) из вот этого. Используется для просмотра миниатюры еще не загруженного изображения, а также ограничения размера и расширения.
У меня на сайте input file свой (от компонента форм). Все норм работает с этим кодом, если бы не добавление новых инпутов пользователем для загрузки новых файлов. Инпуты эти подгружаются динамически, без перезагрузки страницы, соответственно, скрипт работает только с первым инпутом. Как я понимаю, нужно сделать так, чтобы этот мой скрипт работал с динамической страницей.

Вопрос: как это сделать?

Проверку на расширение/размер я еще с горем пополам сделал. Работает на всех подгруженных инпутах. Сделал так: изменил $('#addImages').on('change', function () { на
$(document).on('change', '.addImages', function () { ... А вот с созданием превьюшки и ее удалением - беда! Знаний нет!

Прошу помощи у вас, специалисты. И прошу прощения за корявую терминологию, она у меня тоже хромает...