Esta tarde @diegojimenez publicaba via Twitter un enlace a este espectacular administrador de ficheros desarrollado con MooTools. Con él nos será posible copiar, cortar, pegar incluso previsualizar ficheros, leer ficheros, descomprimir ficheros comprimidos o reproducir ficheros audio. Todo ello desde nuestro navegador.
Entre las funcionalidades de las que disponemos nos encontramos con:
- Navegación por los ficheros y directorios de tu servidor web
- Renombrar, mover, borrar, copiar y descargar ficheros
- Ver previsualización de imagenes, ficheros de texto, ficheros comprimidos o ficheros de audio
- Interface muy agradable a la vista
- Subir imagenes mediante FancyUpload
- Posibilidad de auto redimencionar imagenes mientras subimos
- Úsalo para seleccionar un fichero de donde quieras que puedes necesitar en el backend de tus aplicaciones
- Integración con TinyMCE
Instalación
Despues de haber añadido las llamadas pertitentes al <head />
de nuestra aplicación deberemos definir nuestro FileManager con las opciones que deseemos. Y asignar el elemento que hará visible el administrador de ficheros.
var manager = new FileManager({
url: 'manager.php',
assetBasePath: '../Assets',
language: 'en',
uploadAuthData: {session: 'MySessionId'}
});
$('example1').addEvent('click', manager.show.bind(manager));
Para interactuar con los ficheros del servidor debemos especificar el fichero .php
que realizará las tareas que solicitemos.
<?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);
Como podemos ver, el código es muy sencillo y tenemos a nuestra disposición un objeto que nos permitirá trabajar con él más fácilmente.
Demo
Tenemos dos demos para hacernos una idea de lo que podremos conseguir.
Descargar
Podeis descargarlo directamente desde aqui.
6 comentarios, 0 referencias
+
#