jquery.fileManager - Explorador de archivos con opción de Drag and drop y upload de archivos.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este script ajax para descargar llamado jquery.fileManager, es una muy buena opción programada con jQuery, que nos pemite implementar en nuestra página o aplicación web, un explorador de archivos con drag and drop, es decir poder arrastrar y soltar las carpetas y archivos.

El script es completamente gratis y de libre uso, además el plugin es muy sencillo de instalar y configurar, tanto para tu proyeto PHP, CMS, ASP etc ..

A continuación puedes ver mas información de este ejemplo.

Mas información sobre el programa.

Indice - Contenido.

  1. Cómo funciona el explorador de archivos.
  2. Eliminar y mover archivos y carpetas con Drag and Drop.
  3. Vista previa de fotos e imágenes.
  4. Upload de archivos de forma manual o mediante Drag and Drop.
  5. Ver demo online del script y descargar.
  6. Licencia.

 

1 - Cómo funciona el explorador de archivos.

El explorador muestra un listado de carpetas como se puede ver a continuación. Es posible navegar entre el contenido de los directorios haciendo clic en cada ícono, para visualizar el contenido ( Otras carpetas y archivos).

Nota: Para acceder al contenido de un nuevo directorio, es necesario hacer doble clic sobre el ícono.

También, debajo del listado de carpetas y archivos, contiene un botón para crear un nuevo directorio ( New Folder ). Al crear una nueva carpeta, se mostrará un cuadro de diálogo para ingresar el nombre.

Nota: El ejemplo al estar implementado en AJAX, no será necesario recargar el navegador web del usuario, es decir los cambios efectuados se podrán apreciar al instante.

Al ir explorando los distintos directorios, el script imprimirá en la parte superior, la ruta actual de la carpeta donde se encuentra el usuario.

2 - Eliminar y mover archivos y carpetas con Drag and Drop.

Si necesitamos eliminar una carpeta o archivo, lo podremos hacer mediante drag and drop. El funcionamiento es arrastrando el ícono de la carpeta hacia el ícono de la papelera que se encuentra en la parte superior derecha del listado.

Para poder mover carpetas y archivos, también podemos hacer drag and drop.

3 - Vista previa de fotos e imágenes.

Otra opción con la que cuenta, es la posibilidad de, mostrar una vista previa pequeña, si el contenido de los archivos se trata de imágenes y fotos.

A continuación puedes ver el listado de una carpeta que contiene fotos, y la lista de archivos se puede mostrar mediante thumbnails. ( en este caso son archivos JPG)

4 - Upload de archivos de forma manual o mediante Drag and Drop.

También cuanta con la opción de poder hacer upload de archivos. Hay dos formas de subir un archivo o lista de ficheros a una carpeta del listado. Mediante un botón que abrirá el cuadro de diálogo de selección de archivos, o directamente arrastrando los archivos hacia la ventana que dice Drag and drop.

Una vez añadido los archivos a lista de uploads, se podrán comenzar a transferir hacia el servidor mediante el botón que dice Start uploads. Cuando se inicie la transferencia, se visualizarán los detalles: Una barra de progreso y el tamaño del fichero.

Área para realizar el drag drop.

Terminado el upload, se mostrará el ícono del archivo, sin necesidad de recargar la página, es decir se visualizará automáticamente en el directorio.

5 - Ver demo online del script y descargar.

En este enlace, puedes ver el administrador y explorador de archivos en funcionamiento. También haciendo clic aquí se puede descargar un archivo ZIP con el script, la carpetas de imágenes y el plugin.

5 - Licencia.

Este script es completamente gratuito. ( Es software libre )

 


Requerimientos de instalación y uso.

Lenguajes Javascript + Ajax.


Videos tutoriales.

Indice de videos.

En este clip se puede ver un pantallazo rápido para visualizar el explorador en funcionamiento.

Duración: 2 minutos, 44 segundos.

 

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
http://utopiasystems.co.uk/
Licencia:
Gratis
Versión:
1.1
Idioma:
Inglés
Programa actualizado:
06 de Abril de 2013


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: