173 votos

¿Hay un plugin para jQuery buen arrastrar y soltar archivos subir?

Hay un bonito ordenado plugin de jQuery que permite incluir una sola JS script a continuación, utilizando un simple fragmento de habilitar un formulario? Algo como esto:

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

Con la subida objetivo de la acción del formulario.

Cualquier solución no debe impedir que un archivo normal en el campo de ser utilizable (uso tradicional de navegar método).

Solo me falta un archivo a la vez, aunque, por supuesto, tener la opción para múltiples no es una cosa mala.

He encontrado un par de arrastrar-soltar subir ejemplos:
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 hay instalación como un plugin. Probablemente no es muy difícil cambiar, pero también no hay punto de hacerlo si alguien ya ha hecho ese trabajo, y es simplemente evadir mis búsquedas de Google.

Estoy idealmente buscando un puro HTML5/jQuery solución.
Google Gears uno es aceptable, pero un Flash de la solución es no.

134voto

Ciaran Puntos 1835

Echar un vistazo a esto: http://aquantum-demo.appspot.com/file-upload

También maneja carga de archivos múltiples.

30voto

Aaron Wagner Puntos 4556

Echa un vistazo al recientemente1 liberado controlador de subida de los tipos que crearon el TinyMCE editor. Tiene un widget jQuery y parece que tiene un buen conjunto de características y suplencias.

http://www.Plupload.com/

18voto

Tommy W Puntos 309

http://blueimp.github.com/jQuery-file-upload/ = gran solución

Según sus documentos, los siguientes navegadores apoyan arrastrar y soltar:

  • Firefox 4 +
  • Safari 5 +
  • Google Chrome
  • Microsoft Internet Explorer 10.0 +

15voto

resopollution Puntos 1905

Si usted está todavía en busca de uno, sólo me libera de la mina: http://github.com/weixiyen/jquery-filedrop

Funciona para Firefox 3.6 ahora. He decidido no hacer el Chrome hack por ahora y vamos a Webkit para ponerse al día con FileReader() en las próximas versiones de Safari y de Chrome.

Este plugin es el futuro compatible.

FileReader() es el estándar oficial sobre algo así como XHR.getAsBinary() que está en desuso, según mozilla.

Es también el único HTML5 de escritorio de arrastre+drop plugin por ahí, que yo sepa, que permite enviar datos adicionales junto con los archivos, incluidos los archivos de datos que pueden ser calculados en el momento de cargar con una función de devolución de llamada.

9voto

user340084 Puntos 97

He creado un plugin que permite caer algunos archivos en un área determinada. Actualmente este plugin funciona en Firefox, Safari y Chrome.

http://code.google.com/p/DND-file-upload/

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X