Файловий менеджер на MooTools

Chris Pojer, один із розробників MooTools, нещодавно (29го квітня) випустив свій open-source плагін FileManager (Файловий менеджер) для веб’у. Він дозволяє переглядати, завантажувати і змінювати файли та папки за допомогою браузера.

Знімок екрана під час використання цього плагіна:

Файловий менеджер на MooTools

Особливості FileManager:

  • Дозволяє переглядати файли та папки на сервері.
  • Реалізовано перейменування, видалення, переміщення (Drag&Drop), копіювання (за допомогою перетягування + CTRL) і завантаження файлів.
  • Можна переглядати детальну інформацію про малюнки, текстові файли, стиснуті файли чи аудіо контент.
  • Гарний користувацький інтерфейс.
  • Завантаження файлів через FancyUpload (інтегрована функція).
  • Є можливість автоматично змінити розмір зображення, якщо воно завелике.
  • Можна використовувати як файловий менеджер в TinyMCE.

Використання

Використовувати FileManager дуже просто (після того, як ви додали CSS і JavaScript):

var manager = new FileManager({
   url: 'manager.php',
   assetBasePath: '../Assets',
   language: 'en',
   uploadAuthData: {session: 'MySessionId'}
 });
 $('example1').addEvent('click', manager.show.bind(manager));

PHP-код:

include('../Backend/FileManager.php');
 $browser = new FileManager(array(
   'directory' => 'Files/',
   'assetBasePath' => '../Assets',
   'upload' => true,
   'destroy' => true,
 ));
 $browser->fireEvent(!empty($_GET['event']) ? $_GET['event'] : null);

Сумісність браузерів

Скрипт тестувався в Firefox 3+, Safari 4, Opera та IE6+. Оскільки це є “RC”, то можуть бути деякі незначні збої в браузерах (наприклад в IE).

Завантаження

Категорія: Корисні плагіни. Теґи: , . Ви можете слідкувати за коментуванням цієї статті за допомогою RSS 2.0. Ви можете залишити коментар, або надіслати трекбек з вашого сайту.

Залишити коментар

XHTML: Ви можете використовувати ці теґи: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>