¿Existe un buen complemento de carga de archivos de arrastrar y soltar de jQuery? [cerrado]

174

¿Existe un buen complemento jQuery ordenado que permita 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 objetivo de carga como acción del formulario.

Cualquier solución no debe evitar que se pueda utilizar un campo de archivo normal (utilizando el método de exploración tradicional).

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 ejemplos de carga de arrastrar y soltar:
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 complemento. 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 buscar una solución HTML5 / jQuery pura.
Una de Google Gears es aceptable, pero una solución Flash no lo es.

— Peter Boughton
fuente

3

Esa solución solo funciona en la versión Bleeding edge de firefox. Actualmente no tiene soporte fuera de Firefox 3.6. Como ese es el caso, es poco probable que encuentre un complemento jQuery para él y lo más probable es que necesite hacerlo usted mismo.

— Jojo el

1

Bah. La versión alfa ha salido un par de meses, eso debería ser lo suficientemente largo. : / Supongo que iré a crear el complemento yo mismo entonces. Contestaré la pregunta una vez que la haya terminado.

— Peter Boughton el

@PeterBoughton Si aún no ha terminado ese complemento, es posible que desee aceptar una respuesta

— básico

Gracias por el aviso básico. No he visto esto en años, pero parece que hay un claro favorito (y de un vistazo rápido parece decente), así que aceptaré ese.

— Peter Boughton

Para un cargador de JavaScript de rápido movimiento, excepcionalmente compatible y rico en funciones sin dependencias, eche un vistazo a Fine Uploader , anteriormente conocido como valums / file-uploader.

— Ray Nicholus

134

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

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

— Ciaran
fuente

77

Acabo de probar. Es muy bueno para Chrome y Firefox. Se degrada al botón de carga normal en IE. (pero por lo tanto no tiene flash ...)

— Frank Nocke

2

Estoy buscando un complemento de carga de archivos también, este no funciona ahora-2015 (tal vez funcionó en 2011). ¿Alguien conoce un complemento de "carga de archivos" que funcione?

— Eran Meir

30

Echa un vistazo al controlador de carga lanzado recientemente ¹ de los chicos que crearon el editor TinyMCE. Tiene un widget jQuery y parece que tiene un buen conjunto de características y fallos.

http://www.plupload.com/

— Aaron Wagner
fuente

Aconsejaría usar plupload ya que aprovecha otras tecnologías para la mejor experiencia de usuario.

— rickyduck

All_runtime no funciona para mí en Chrome 15, que debería ser el punto, pruébalo tú mismo: plupload.com/example_all_runtimes.php

— Erik Johansson

1

No es gratuito para uso comercial (usa GPL para la versión gratuita)

— Sachin Joseph

18

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

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

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

— Tommy W
fuente

15

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

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

Este complemento es compatible con el futuro.

FileReader () es el estándar oficial sobre algo como XHR.getAsBinary () que está en desuso de acuerdo con mozilla.

También es el único complemento de arrastrar y soltar de escritorio HTML5 que conozco que le permite enviar datos adicionales junto con el archivo, incluidos los datos que se pueden calcular en el momento de la carga con una función de devolución de llamada.

— resolución
fuente

1

La documentación es un poco escasa en este caso (incluso ahora en 2013) pero funciona bastante bien.

— dansan

1

Pero no hay demo? Que pasa con eso.

— Sagive SEO

15

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

http://www.dropzonejs.com/

— Ross Gledhill
fuente

Su recomendación original se trasladó a github.com/Widen/fine-uploader en marzo.

— Ray Nicholus

Gracias por eso. Parece que ahora es una oferta paga (para uso comercial).

— Ross Gledhill

Eso es correcto. No podemos proporcionar el nivel de soporte y velocidad de desarrollo que ofrecemos de forma gratuita.

— Ray Nicholus

Aquí hay un buen tutorial de carga de imágenes de arrastrar / soltar usando dropzonejs goo.gl/FVdkS0

— Satinder singh

No es fácil de integrar con la forma existente. Es por eso que he decidido alejarme de Dropzone.

— Usman Khalid

9

Creé un complemento que le permite colocar algunos archivos en un área determinada. Este complemento actualmente funciona en Firefox, Safari y Chrome.

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

— usuario340084
fuente

8

Enchufe desvergonzado:

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

— Liyan Chang
fuente

4

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

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

— John Laniba
fuente

1

¿Bajo qué licencia (s) está disponible jQuery Fileuploader? Creo que realmente debería aclarar esto tanto en su sitio web como en el código fuente de su complemento. :)

— OpaCitiZen

Conexión quebrada, es éste correcta?

— Puce