Как заново добавить кнопку загрузки и сделать возможность удаления загруженного файла?

Question

[Роман Тузов]

Как сделать, чтобы после загрузки файла, добавлялась опять та же кнопка снизу.
Сейчас при загрузке файла, там просто ставится галочка и пишется название файла, но нет возможности загрузить ещё один файл. И подскажите, как можно сделать ещё возможность удалить загруженный файл. Может кнопка сбоку будет появляться "удалить" у загруженного. Сама кнопка https://codepen.io/HutsonR/pen/mdygPqM
Картинка кнопки после загруженного файла

Заранее спасибо за помощь! )

Answer 1

[BATPYIIIKOB]

Для добавления кнопочки вам необходимо добавить соответствующий DOM элемент после текущего. Можно на JS, либо на JQuery:
http://jquery.page2page.ru/index.php5/Добавление_с...

И подскажите, как можно сделать ещё возможность удалить загруженный файл

Файл загружен на сервер. Следовательно на языке бекенда прописать процедуру, которая будет удалять этот файл. Данные в процедуру отправлять через AJAX при событии нажатия на кнопке и передать имя удаляемого файла.
https://api.jquery.com/JQuery.ajax/

Comments

[Роман Тузов]

Никак не могу разобраться с добавлением содержимого. Мне получается нужно отслеживать появления класса has-file (когда файл загружен появляется этот класс (в скрипте написано)). И если класс появился, то добавлять по новому блок example. Я ведь правильно рассуждаю? Не могу отследить этот класс, получается только слова отслеживать.