Dropper – Drag and Drop para la carga de archivos.

DESCARGA : Drag and Drop

Dropper – Drag and Drop para la carga de archivos, este interesante plugin es una de los mejores ya que permite crear un cuadro para adjuntar archivos por medio de drag and drop, el plugin esta creado por Formstone que es un sitio que ha creado muchos plugins o componentes para el uso de FrontEnd, Entre la implementación Básica del plugin Dropper puedes encontrarte con lo siguiente:

Necesitamos la librería de dropper que puedes encontrarte en el ejemplo
<script src="jquery.fs.dropper.js"></script>
<link href="jquery.fs.dropper.css" rel="stylesheet">
Elemento HTML que contiene el resultado final del la instancia del plugin.

<div class="target"></div>

Código que genera un dropper con la acción que envía a un archivo, para esta ocasión se usa PHP.

$(".target").dropper({
 action: "upload.php"
});

Entre las opciones más comunes esta:

NOMBRE TIPO VALOR POR DEFAULT DESCRIPCIÓN
action string Lugar donde se envía el archivo
label string 'Drag and drop files or click to select' Texto para mostrar en el cuadro Drag and Drop
maxQueue int 2 Número de archivos para la carga
maxSize int 5242880 Tamaño máximo de carga
postData object Datos extra de envió por el método post.
postKey string 'file' Clave para el nombre del archivo.

Con el plugin tambien puedes encontrarte con eventos:

Opción Descripción
start.dropper  –
complete.dropper  –
fileStart.dropper  –
fileProgress.dropper  –
fileComplete.dropper  –
fileError.dropper

Bueno pues esperamos que te sirva la información y la puedes compartir a quien lo necesite.

 

You may also like...