JavaScript FormData.getAll() — усі значення поля


Метод getAll() повертає масив усіх значень поля — усі файли з multiple, усі обрані чекбокси.

автор: NagarD

Загальний опис

Саме так дістають кілька файлів чи набір обраних значень: одне ім'я, кілька значень.

Якщо поля немає, повертається порожній масив, а не null.

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
getAll 7+ 4+ 5+ 12+ 12+ 10+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
getAll 3+ yes yes 5+

Приклади

+ запропонувати свій приклад у пісочниці

Усі файли й усі обрані чекбокси одного імені.

HTML

<form id="form">
    <input type="file" name="photos" multiple>
    <label><input type="checkbox" name="tags" value="css" checked> CSS</label>
    <label><input type="checkbox" name="tags" value="js" checked> JS</label>
</form>

JS

const data = new FormData(document.getElementById('form'));

const photos = data.getAll('photos'); // масив File
const tags = data.getAll('tags');     // ['css', 'js']

console.log('Файлів:', photos.length);

for (const photo of photos) {
    console.log(photo.name, photo.size);
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід