¿Hay un buen plugin de carga de archivos jQuery de arrastrar y soltar? [cerrado]

¿Hay un buen plugin jQuery ordenado que permite incluir un solo script JS y luego usar un fragmento simple para habilitar un formulario? Algo como esto:

$j('#MyForm').enableDragDropUploads('.upload-area')

Con el destino upload siendo la acción del formulario.

Cualquier solución no debe impedir que un campo de archivo normal sea utilizable (usando el método tradicional de exploración).

Solo necesito un archivo a la vez, aunque por supuesto tener la opción de múltiples no es algo malo.

He encontrado un par de cargas de arrastrar y soltar examples:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload

Pero el código no está configurado como un plugin. Probablemente no sea demasiado difícil cambiarlo, pero tampoco tiene sentido hacerlo si alguien más ya ha hecho ese trabajo y simplemente está evadiendo mis búsquedas en Google.

Lo ideal es que busque una solución HTML5/jQuery pura.
Un Google Gears uno es aceptable, pero una solución Flash no lo es.

Author: Peter Boughton, 2009-11-03
Source

8 answers

Echa un vistazo a este: http://aquantum-demo.appspot.com/file-upload

También maneja la carga de múltiples archivos!

 134
Author: Ciaran,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-02-05 17:57:01

Echa un vistazo a los últimos1 liberado controlador de carga de los chicos que crearon el editor TinyMCE. Tiene un widget de jQuery y parece que tiene un buen conjunto de características y funciones.

Http://www.plupload.com/

 30
Author: Aaron Wagner,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-02-05 22:45:50

Http://blueimp.github.com/jQuery-File-Upload/ = gran solución

De acuerdo con sus docs , los siguientes navegadores admiten arrastrar y soltar:

  • Firefox 4+
  • Safari 5 +
  • Google Chrome
  • Microsoft Internet Explorer 10.0+
 18
Author: Tommy W,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-09-04 13:44:01

Si todavía estás buscando uno, acabo de liberar el mío: http://github.com/weixiyen/jquery-filedrop

Funciona para Firefox 3.6 en este momento. Decidí no hacer el hack de Chrome por ahora y dejar que Webkit ponerse al día con FileReader () en las próximas versiones de Safari y Chrome.

Este plugin es compatible con el futuro.

FileReader() es el estándar oficial sobre algo como XHR.getAsBinary () que está obsoleta según mozilla.

También es el único HTML5 escritorio arrastrar+soltar plugin por ahí que sé que le permite enviar datos adicionales junto con el archivo, incluyendo los datos que se pueden calcular en el momento de la carga con una función de devolución de llamada.

 15
Author: resopollution,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-06-22 08:04:02

Si estás buscando uno que no dependa de Flash, dropzonejs es un buen grito. Es compatible con varios archivos y arrastrar y soltar.

Http://www.dropzonejs.com/

 13
Author: Ross Gledhill,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-01-15 10:46:23

He creado un plugin que le permite soltar algunos archivos en un área determinada. Este plugin actualmente funciona en Firefox, Safari y Chrome.

Http://code.google.com/p/dnd-file-upload /

 9
Author: user340084,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-07-07 09:36:24

Plug desvergonzado:

Filepicker.io maneja la carga por usted y devuelve una url. Es compatible con arrastrar y soltar, navegador cruzado. Además, las personas pueden cargar desde Dropbox / Facebook / Gmail, que es súper útil en un dispositivo móvil.

 8
Author: Liyan Chang,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-06-21 23:35:41

¿qué hay de la última versión de jQuery Fileuploader: http://pixelcone.com/fileuploader/

Es un potente complemento de carga de archivos, muy fácil de configurar en comparación con otros complementos, y ahora es compatible con la api html5.

 4
Author: John Laniba,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-08-08 09:52:07