@fansnooker

Стилизация формы загрузки файлов?

Подскажите, как сверстать такую форму.
Если с кнопкой я ещё разобрался, её можно стилизовать и повесить onclick по скрытому input[type=file],
то как сделать возможность добавлять файлы по одному и кнопки удаления у каждого файла.
5b6413c1e439f132697999.png
  • Вопрос задан
  • 106 просмотров
Пригласить эксперта
Ответы на вопрос 2
lebonnet
@lebonnet
при загрузке фалов читать их через FileReader
получить название файла и создать дом объекты, один скрытый интпут, туда записать имя файла и содержимое файла, второй элемент это уже дивник как на картинке с именем файла и крестиком.
По крестику удалять дивник, и созданный инпут.
При отправки формы на сервер файлы придут из инпутов, собрать и записать их на сервере с помощью пыхи.
Ответ написан
Destell
@Destell
Зеленый фронтендер
Как вариант - при нажатии кнопки добавить, клонировать исходный блок со стилизованным инпат, навешивая на него обработчик. По нажатии удаления - очищать значение и удалять. Но вариант выше интереснее.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
RTS Санкт-Петербург
от 50 000 до 65 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Webit Москва
До 90 000 руб.
21 окт. 2018, в 22:38
1200 руб./за проект
21 окт. 2018, в 17:05
5000 руб./за проект