¿Hay una buena jQuery arrastrar y soltar archivos de subida plugin? [cerrado]

StackOverflow https://stackoverflow.com/questions/1663741

Pregunta

¿Hay un buen ordenada plugin de jQuery que permite incluir un único script JS y luego usando un fragmento sencillo para permitir un formulario? Algo como esto: 

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

Con el objetivo de subida es la acción de la forma.

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

Sólo necesito un archivo a la vez, sin embargo, por supuesto, tener la opción de múltiple no es una cosa mala.

He encontrado un par de ejemplos de carga de arrastrar y soltar:
http://www.appelsiini.net / 2009/10 / arrastrar y soltar de carga de archivos-con-google-engranajes http://www.appelsiini.net/2009 / 10 / HTML5 arrastrar y soltar múltiples archivos a subir

Sin embargo, el código no se configura como un plugin. Probablemente no sea demasiado difícil cambiarlo, sino que también tiene sentido hacer así que si alguien ya ha hecho que el trabajo y es simplemente evadir mis búsquedas de Google.

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

¿Fue útil?

Solución

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

También se ocupa de la carga de archivos múltiples!

Otros consejos

Salida del recién 1 lanzado controlador de carga de los chicos que crearon el editor TinyMCE. Tiene un widget jQuery y parece que tiene un buen conjunto de características y retrocesos.

http://www.plupload.com/

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

De acuerdo con sus documentos , los siguientes navegadores son compatibles con arrastrar y soltar:

  • Firefox 4 +
  • Safari 5 +
  • Google Chrome
  • Microsoft Internet Explorer 10,0 +

Si usted todavía está buscando una, que acaba de publicar la mía: http://github.com/weixiyen/jquery-filedrop

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

Este plugin es compatible futuro.

FileReader () es el estándar oficial por algo como XHR.getAsBinary () que está en desuso acuerdo con Mozilla.

Es también el único arrastre escritorio HTML5 + gota plug-in por ahí, que yo sepa que permite enviar datos adicionales junto con el archivo, incluidos los datos que se puede calcular en el momento de carga con una función de devolución de llamada.

Si usted está buscando uno que no depende de flash a continuación dropzonejs es un buen grito. Es compatible con varios archivos y arrastrar y soltar.

http://www.dropzonejs.com/

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

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

Shameless enchufe:

Filepicker.io se encarga de subir para usted y devuelve una URL. Soporta arrastrar / soltar, navegadores. Además, los usuarios pueden subir desde Dropbox / Facebook / Gmail que es súper práctico en un dispositivo móvil.

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

Es un potente plug-in de carga de archivos, muy fácil de configurar en comparación con otros plug-in, y su compatibilidad con la API HTML5 ahora.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top