Java, UX, HTML, CSS, WEB-design

Загрузка каталогов сразу с помощью webkitdirectory

[ad_1]

  • Виталий Фридман

  • 0 Комментарии

Загрузка каталогов сразу с помощью webkitdirectory

  • 2 минуты чтения

  • Формы, CSS, Загрузка файлов

Краткое резюме ↬

Если вы когда-либо пытались реализовать пуленепробиваемый, красивый загрузчик файлов, вы могли столкнуться с проблемой: загрузка всей папки или папок с файлами обычно довольно хлопотна, так как файлы в каждой папке нужно выбирать вручную. И тогда некоторые папки могут также содержать подпапки. Ну, мы можем использовать webkitdirectory, нестандартный атрибут, который позволяет пользователям выбирать каталог через ввод файла. В настоящее время поддерживается в Chrome, Firefox и Edge.

Ну, мы можем использовать webkitdirectory, нестандартный атрибут, который позволяет пользователям выбирать каталог через ввод файла. В настоящее время поддерживается в Chrome, Firefox и Edge.

входной каталог webkit
Мы можем загружать каталоги файлов, включая подпапки, сразу. Демонстрация Шиме Видаса.

Например, пользователи могут просто выбрать каталог, и все файлы в этом каталоге и его подпапках будут перечислены ниже, представленные их относительным путем — демонстрация Шиме Видаса показывает, как это работает. Достаточно одного клика, чтобы выбрать их все.

Важно отметить, что атрибут нестандартный, поэтому подойдет не всем. Тем не менее, он ничего не ломает, поскольку браузеры, которые его не поддерживают, просто игнорируют его, поэтому вы можете легко постепенно улучшать загрузку файлов, не полагаясь на повсеместно поддерживаемую функцию. Будучи полезным в различных сценариях, мы надеемся, что атрибут скоро будет подхвачен и стандартизирован, и появится в браузерах как directory атрибут.

Еще после прыжка! Продолжить чтение ниже ↓

Ах, и если вы хотите создать немного лучший опыт перетаскивания, у Алекса Рирдона есть несколько советов по переосмыслению перетаскивания в целом. Стоит прочтения!

Дополнительные ресурсы:

  • FileAPI
    Набор библиотек JavaScript для работы с файлами. Мультизагрузка, перетаскивание и загрузка файлов по частям. Изображения: обрезка, изменение размера и автоматическая ориентация по EXIF.
  • Идеи взаимодействия с перетаскиванием
  • HTMLInputElement.webkitdirectory
  • API файлов и каталогов

Мы рассылаем эти и другие полезные советы и рекомендации для дизайнеров и разработчиков в нашей Smashing Email Newsletter — раз в две недели. (После подписки вы также получаете бесплатную электронную книгу.)



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Загрузка каталогов сразу с помощью webkitdirectory

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Загрузка каталогов сразу с помощью webkitdirectory

Название: Загрузка каталогов сразу с помощью webkitdirectory . Краткое описание: [ad_1] ⭐ Виталий . Дата публикации: 30.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»