Esiste un buon plug-in per il caricamento dei file drag-and-drop jQuery? [chiuso]

174

Esiste un bel plugin jQuery ordinato che consente di includere un singolo script JS e quindi utilizzare un semplice frammento per abilitare un modulo? Qualcosa come questo:

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

Con il target di caricamento come azione del modulo.

Qualsiasi soluzione non deve impedire l'utilizzo di un normale campo file (utilizzando il metodo di esplorazione tradizionale).

Ho solo bisogno di un file alla volta, anche se ovviamente avere l'opzione per multipli non è una brutta cosa.

Ho trovato un paio di esempi di upload con trascinamento della selezione:
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-di caricamento file

Ma il codice non è installato come plug-in. Probabilmente non è troppo difficile cambiarlo, ma non ha senso farlo se qualcun altro ha già fatto quel lavoro e sta semplicemente sfuggendo alle mie ricerche su Google.

Sto idealmente cercando una soluzione HTML5 / jQuery pura.
Un Google Gears è accettabile, ma una soluzione Flash non lo è.

— Peter Boughton
fonte

3

Tale soluzione funziona solo con la versione Bleeding edge di firefox. Al momento non ha supporto al di fuori di Firefox 3.5. In tal caso, è improbabile che trovi un plug-in jQuery per esso e molto probabilmente dovrai crearlo da solo.

— Jojo,

1

Bah. La versione Alpha è uscita da un paio di mesi, che dovrebbe essere abbastanza lunga. : / Immagino che andrò a creare il plugin da solo allora. Risponderà alla domanda una volta terminata.

— Peter Boughton,

@PeterBoughton Se non hai ancora finito quel plug-in, potresti voler accettare una risposta

— Base

Grazie per la pronta base. Non lo vedo da anni, ma sembra che ci sia un chiaro favorito (e da una rapida occhiata sembra decente), quindi accetterò quello.

— Peter Boughton,

Per un uploader JavaScript veloce, eccezionalmente supportato e ricco di funzionalità senza dipendenze, dai un'occhiata a Fine Uploader , precedentemente noto come valums / file-uploader.

— Ray Nicholus,

134

Dai un'occhiata a questo: http://aquantum-demo.appspot.com/file-upload

Gestisce anche il caricamento di più file!

— Ciaran
fonte

7

Appena testato. È molto carino per Chrome e Firefox. Passa al normale pulsante di caricamento in IE. (ma quindi è privo di flash ...)

— Frank Nocke,

2

Sto cercando anche un plug-in per il caricamento di file, questo non funziona ora-2015 (forse ha funzionato nel 2011) .. Qualcuno conosce un plug-in "fileupload" funzionante?

— Eran Meir,

30

Dai un'occhiata al recente ¹ gestore di upload rilasciato dai ragazzi che hanno creato l'editor TinyMCE. Ha un widget jQuery e sembra che abbia un bel set di funzionalità e fallback.

http://www.plupload.com/

— Aaron Wagner
fonte

Ti consiglierei di utilizzare plupload in quanto sfrutta altre tecnologie per la migliore esperienza utente.

— rickyduck,

L'all_runtime non funziona per me in Chrome 15, che dovrebbe essere il punto, prova tu stesso: plupload.com/example_all_runtimes.php

— Erik Johansson,

1

Non è gratuito per uso commerciale (usa GPL per la versione gratuita)

— Sachin Joseph,

18

http://blueimp.github.com/jQuery-File-Upload/ = ottima soluzione

Secondo i loro documenti , i seguenti browser supportano il trascinamento della selezione:

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

— Tommy W.
fonte

15

Se ne stai ancora cercando uno, ho appena rilasciato il mio: http://github.com/weixiyen/jquery-filedrop

Funziona per Firefox 3.6 in questo momento. Ho deciso di non fare l'hack di Chrome per ora e lasciare che Webkit raggiunga FileReader () nelle prossime versioni di Safari e Chrome.

Questo plugin è compatibile in futuro.

FileReader () è lo standard ufficiale rispetto a qualcosa come XHR.getAsBinary () che è deprecato in base a Mozilla.

È anche l'unico plug-in HTML5 desktop + plug-in là fuori che conosco che ti consente di inviare dati extra insieme al file, inclusi i dati che possono essere calcolati al momento del caricamento con una funzione di callback.

— resopollution
fonte

1

La documentazione è un po 'sottile su questo (anche ora nel 2013) ma funziona decentemente bene.

— dansan,

1

Ma nessuna demo ?! cosa succede con quello.

— Sagive SEO,

15

Se stai cercando uno che non si basa su Flash, dropzonejs è un buon grido. Supporta più file e trascinamento della selezione.

http://www.dropzonejs.com/

— Ross Gledhill
fonte

La tua raccomandazione originale è stata spostata su github.com/Widen/fine-uploader a marzo.

— Ray Nicholus,

Grazie per quello Sembra che ora sia un'offerta a pagamento (per uso commerciale).

— Ross Gledhill,

È corretto. Non possiamo fornire il livello di supporto e la velocità di sviluppo che offriamo gratuitamente.

— Ray Nicholus,

Ecco un bel tutorial sul trascinamento / caricamento delle immagini usando dropzonejs goo.gl/FVdkS0

— Satinder singh,

Non facile da integrare con il modulo esistente. Ecco perché ho deciso di abbandonare Dropzone.

— Usman Khalid,

9

Ho creato un plug-in che consente di rilasciare alcuni file in una determinata area. Questo plugin attualmente funziona su Firefox, Safari e Chrome.

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

— user340084
fonte

8

Spina senza vergogna:

Filepicker.io gestisce il caricamento per te e restituisce un URL. Supporta il trascinamento della selezione, il browser incrociato. Inoltre, le persone possono caricare da Dropbox / Facebook / Gmail che è super utile su un dispositivo mobile.

— Liyan Chang
fonte

4

Che ne dici dell'ultima versione di jQuery Fileuploader: http://pixelcone.com/fileuploader/

È un potente plugin per il caricamento di file, molto facile da configurare rispetto ad altri plugin, e ora supporta html5 api.

— John Laniba
fonte

1

Con quale licenza è disponibile jQuery Fileuploader? Dovresti davvero chiarire questo sia sul tuo sito web che nel codice sorgente del tuo plugin, credo. :)

— OpaCitiZen,

Collegamento interrotto, questo è corretto?

— Puce,