JavaScript UI виджет Uploader

Uploader - это JavaScript виджет для легкой и надежной загрузки файлов на сервер. С помощью этого виджета, вы сможете просматривать каталоги на своем ПК и выбирать файлы для загрузки. Вы также можете просто перетаскивать файлы на виджет.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Примеры интеграции с PHP, Node.js и .NET
  • Поддерживается во всех современных браузерах
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Загрузка файлов и папок

С помощью этого виджета вы можете загружать файлы по одному или целыми папками.

Просмотр файлов

Вы можете сочетать Uploader с другими виджетами, например Webix List или Template, чтобы просматривать названия файлов, их разширения, размер и статус загрузки. Вы также можете добавить проверку содержимого файла перед отправкой на сервер.

Индикатор состояния

Вы можете следить за процессом загрузки с помощью индикатора состояния.

Выберите любой файл и нажмите 'Upload'

Невидимый Uploader

Невидимый Uploader срабатывает по клику на любой элемент интерфейса. Например, его можно использовать для изменения изображений в дата компонентах.

Uploader с HTML Form

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

Загрузка файлов с помощью drag-and-drop

Drag-and-drop работает по умолчанию, поэтому вы можете добавлять файлы для загрузки как с помощью кнопки, так и перетаскивая файлы на виджет. Кроме того, вы можете добавлять невидимый Uploader, чтобы файлы можно было перетаскивать в любое нужное место интерфейса, например HTML-элемент или любой компонент Webix.

Установка формата файлов

Вы можете задать доступные для загрузки форматы файлов. Например, если вы планируете создать фото-галерею с удобной загрузкой изображений, JavaScript виджет Uploader легко настроить под ваши требования. Вы можете задать формат изображений для загрузки, например JPG или PNG, или разрешить только текстовые файлы.

Загрузите изображение или текстовый файл