Дані форми: метод append(). Метод append() інтерфейсу FormData додає нове значення до наявного ключа всередині об’єкта FormData або додає ключ, якщо він ще не існує.25 липня 2024 р.
Щоб додати файл до об’єкта FormData, скористайтеся методом append() і вкажіть ім’я поля, об’єкт файлу та ім’я файлу як показано нижче: // Отримати файл з елемента <input type="file"> const fileInput = document. querySelector('input[type="file"]'); const file = fileInput.
Ми можемо змінювати поля у FormData за допомогою методів:
- append(name, value) – додати поле форми з заданим ім’ям і значенням,
- append(name, blob, fileName) – додайте поле так, ніби це <input type="file"> , третій аргумент fileName встановлює ім’я файлу (а не ім’я поля форми), так би мовити, ім’я файлу у файловій системі користувача ,
Дані додаються до URL-адреси як ряд пар ім’я/значення. Після завершення веб-адреси URL-адреси ми додаємо знак питання (?), а потім пари ім’я/значення, розділені амперсандом (&). У цьому випадку ми передаємо на сервер два фрагменти даних: say , який має значення Hi.
Ми просто створюємо екземпляр FormData, далі ми додаємо поля з їхніми значеннями за допомогою методу append() FormData . У нашому прикладі ми лише додаємо поле з назвою файл, яке містить значення вибраного файлу. Нарешті, ми використовуємо метод post() HttpClient для надсилання даних форми на сервер.
Дані форми: метод append(). Метод append() інтерфейсу FormData додає нове значення до існуючого ключа всередині об’єкта FormData або додає ключ, якщо він ще не існує.