Droparea es un plugin del famoso framework JQuery, con el puedes crear de forma rápida y sencilla áreas en tu sitio web donde podrás arrastrar y soltar archivos para subirlos al servidor de manera rápida. Recuerda que HTML5 trae muchas cosa innovadoras y esta es una de ellas.
Imagina que estas desarrollando una aplicación web donde necesites subir imágenes, la forma tradicional de subir imágenes seria un formulario en el cual necesitas 3 pasos para subir una imagen, seleccionar la imagen, clickear en seleccionar y después en subir o enviar. Por que no simplemente arrastrar la imagen desde donde la tengamos hacia un área y listo, incluso podemos hacer una vista previa de la imagen que el usuario esta apunto de subir, algo que seria muy necesario para confirmar al usuario lo que esta apunto de enviar.
Ademas el formulario que este plugin te pone por defecto es totalmente personalizable y lo puedes insertar de la siguiente manera:
HTML
<div data-width="460" data-height="345" data-type="jpg" data-crop="true" data-quality="60" data-folder="sample" data-something="stupid"></div> |
Javascript
$('.droparea').droparea({'post' : '/data/dev/droparea/upload.php'}); |
Bastante fácil y rápido de insertar, algo que a tus usuarios les puede facilitar el uso de tu sitio web.
Visita la web oficial del plugin: http://gokercebeci.com/dev/droparea
