JavaScript Менеджер файлов, HTML5 UI веб виджет

JavaScript Менеджер файлов или, другими словами, Проводник файлов - это веб виджет, часть UI фреймворка для управления файлами. Webix предлагает готовое решение - JS файловый менеджер, который может быть встроен в любое веб приложение. Файловый проводник - это востребованный UI компонент, который может быть использован в различных UX кейсах, т.к. содержит все необходимые элементы для работы со списками объектов: поиск, сортировка, табличный и плиточный вид. Также виджет от Webix содержит вид со сдвоенными панелями, чтобы работать с файлами в режиме "старой школы".

filemanager
1 2 3 4 5

1. Интуитивный интерфейс

Традиционный UI для работы с файлами (дерево каталогов, табличное и "плиточное" представление файлов), сдвоенная панель и предпросмотр файлов.

2. Удобная навигация

Дерево папок, "хлебные кроши", поиск на имени фалов и папок. Поддержка клавиатуры.

3. Встроенная загрузка и скачивание фалов

Встроенный менеджер загрузок, возможность скачать и закачать файлы в один клик или при помощи drag-n-drop.

4. Вид со сдвоенными панелями

Удобная работа с содержимым двух папок в стиле Total commander.

5. Панель предварительного просмотра

Превью для текстовых и медиа файлов доступно как для крупных плиток как и в панели предварительного просмотра.

Другие виджеты Webix:

Преимущества JS File Manager

Легкая интеграция с бекендом

Простая интеграция с backend: PHP, Node.js, Golang и .NET.

Настраиваемость

Все элементы можно настроить через API, без необходимости редактировать что-либо в исходных кодах.

Легкая интеграция с фронтендом

Может работать со всеми современными фреймворками. Вы можете использовать его отдельно или внутри приложения React, Angular.

Поддержка всех браузеров и платформ

Поддержка всех современных браузеров и удобная стилизация с помощью CSS.

Дополнительные возможности File Manager для приложений на JavaScript

features-1

  • Удобные просмотр содержимого папок в табличной форме
  • Сортировка списка по клику на заголовки таблицы
  • Custom icons для разных типов файлов

features-2

  • Отображает содержимое графических файлов
  • Отображает содержимое файлов (PDF, TXT)
  • Предпросмотр графических и медиа файлов

features-3

  • Позволяет работать с двумя папками одновременно
  • Удобное копирование и перемещение файлов
  • Поддержка клавиатуры и drag-n-drop

features-5

  • File Manager содержит встроенный редактор для работы с тестовыми файлами

features-6

  • File Manager позволяет проигрывать аудио и видеофайлы в панели предварительного просмотра

Живое демо с JavaScript File Manager

File Manager JavaScript примеры

Переключение языка

Переключение языка

Возможность переключать язык в панели файл менеджера

События

События

Возможность видеть путь к файлу

Пользовательский режим

Пользовательский режим

Возможность просматривать файлы в режиме пользователя

Компактное отображение

Компактное отображение

Возможность видеть большее количество элементов в видимом рабочем поле

Webix File Manager licensing