Здравствуйте! В этом уроке речь пойдёт об отправке HTML-форм: с файлами и без, с дополнительными полями. И объекты FormData помогут нам с этим. Как вы, наверняка, догадались из его названия, это объект, представляющий данные HTML формы. Конструктор: let formData = new FormData([form]); Если передать в конструктор элемент HTML-формы form, то создаваемый объект автоматически прочитает из неё все поля...

Привет друг! В этой статье попробуем реализовать компонент - индикатор загрузки для отправленного документа с клиента. Чего мы хотим добиться? тут 🥸. И так - поехали !🛼 Накидаем сходу немного стилей. И спрячем input type="file", отрисовав вместо него кнопку - 'Выбрать файл'. Подготовим состояние для сохранения файла. import {ChangeEvent, FC, useRef, useState} from 'react'; export const FileUpload = () => { const [selectedFile, setSelectedFile] = useState<File | null>(null); const inputRef...

Создание компонента Vue Сначала создадим наш компонент Vue. Для этого создадим новый файл FileProgress.vue со следующим содержанием: Вы можете самостоятельно добавить тег style для стилей, если захотите (рекомендуется, для кода в production, что бы приложение выглядело хорошо), но сейчас мы сделаем его максимально простым. Далее определим наш шаблон компонента. Шаблон компонента Теперь нам нужно добавить наш шаблон, поэтому добавим следующее в тег template: Есть пара вещей, на которые стоит обратить внимание...