HTML 5: Как отправить все файлы из директории на сервер

24.03.2021

Иногда пользователю нужно отправить на сервер не один файл, и не парочку из папки, а содержимое всей директории.

Чаще всего это делается через "выделить все", но есть более новый и удобный способ: webkitdirectory или directory, этот атрибут формы позволяет выбрать, используя стандартное окно выбора файла браузера, папку целиком.

Сразу начну с половника дёгтя - на данный момент (апрель 2021 года) с поддержкой дела обстоят плоха input file directory

Пример использования:

 
<form enctype='multipart/form-data' method='POST' action='upload.php'> 

    <input type="file" name="files[]" id="ctrl" webkitdirectory directory multiple />
    <br/>
    <button type='submit'>Submit</button>
</form>

Базовый скрипт для обработки формы:

 
echo '<pre>';
  print_r($_FILES);
echo '</pre>';

- тут все стандартно, придет массив $_FILES с перечнем всех файлов.


Категории: Web, HTML
Пометки: Отправка всей директории на сервер HTML форма
Яндекс.Метрика