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:

NOMBRETIPOVALOR POR DEFAULTDESCRIPCIÓN
actionstringLugar donde se envía el archivo
labelstring'Drag and drop files or click to select'Texto para mostrar en el cuadro Drag and Drop
maxQueueint2Número de archivos para la carga
maxSizeint5242880Tamaño máximo de carga
postDataobjectDatos extra de envió por el método post.
postKeystring'file'Clave para el nombre del archivo.

Con el plugin tambien puedes encontrarte con eventos:

OpciónDescripció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...