Задать вопрос
@fansnooker

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

Подскажите, как сверстать такую форму.
Если с кнопкой я ещё разобрался, её можно стилизовать и повесить onclick по скрытому input[type=file],
то как сделать возможность добавлять файлы по одному и кнопки удаления у каждого файла.
5b6413c1e439f132697999.png
  • Вопрос задан
  • 337 просмотров
Подписаться 2 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Специализация Frontend-разработчик
    9 месяцев
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
при загрузке фалов читать их через FileReader
получить название файла и создать дом объекты, один скрытый интпут, туда записать имя файла и содержимое файла, второй элемент это уже дивник как на картинке с именем файла и крестиком.
По крестику удалять дивник, и созданный инпут.
При отправки формы на сервер файлы придут из инпутов, собрать и записать их на сервере с помощью пыхи.
Ответ написан
Комментировать
Destell
@Destell
React, React Native junior developer
Как вариант - при нажатии кнопки добавить, клонировать исходный блок со стилизованным инпат, навешивая на него обработчик. По нажатии удаления - очищать значение и удалять. Но вариант выше интереснее.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Лига Роботов Новосибирск
от 65 000 до 85 000 ₽
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽