Er det en god jQuery Dra-og-slipp-opplasting plugin?

stemmer
168

Er det en hyggelig ryddig jQuery plugin som lar inkludert en enkelt JS skript deretter bruke en enkel tekstutdrag for å muliggjøre en form? Noe sånt som dette:

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

Med opplastings målet er handlingen av skjemaet.

Enhver løsning må ikke hindre en vanlig fil felt fra å være brukbare (ved hjelp av tradisjonell bla metoden).

Jeg trenger bare én fil om gangen, men selvfølgelig ha muligheten for flere er ikke en dårlig ting.

Jeg har funnet et par dra-slipp opplasting eksempler:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini. net / 2009/10 / HTML5-dra-og-slipp-multiple-file-upload

Men koden er det ikke satt opp som en plugin. Det er nok ikke så vanskelig å endre det, men også noe poeng å gjøre det hvis noen andre allerede har gjort det arbeid og er rett og slett gå utenom mine Google-søk.

Jeg ideelt leter etter en ren HTML5 / jQuery løsning.
En Google Gears man er akseptabelt, men en Flash-løsning er det ikke.

Publisert på 02/11/2009 klokken 19:12
kilden bruker
På andre språk...                            


8 svar

stemmer
30

Sjekk ut nylig en sluppet opplasting handler fra gutta som skapte TinyMCE editor. Den har en jQuery widget og ser ut som den har en hyggelig sett med funksjoner og fallbacks.

http://www.plupload.com/

Svarte 05/02/2010 kl. 20:45
kilden bruker

stemmer
15

Hvis du fortsatt leter etter en, jeg bare sluppet mine: http://github.com/weixiyen/jquery-filedrop

Arbeider for Firefox 3.6 akkurat nå. Jeg bestemte meg for ikke å gjøre Chrome hack for nå og la Webkit ta opp med Filereader () i de neste versjonene av Safari og Chrome.

Denne plugin er fremtidskompatibel.

Filereader () er den offisielle standard over noe som XHR.getAsBinary () som er frarådet i henhold til mozilla.

Det er også den eneste HTML5 bordet dra + slipp plugin der ute som jeg vet om som lar deg sende ytterligere informasjon sammen med filen, inkludert data som kan beregnes på tidspunktet for opplasting med en tilbakeringingsfunksjonen.

Svarte 22/06/2010 kl. 06:04
kilden bruker

stemmer
9

Jeg laget en plugin som lar deg slippe noen filer på et gitt område. Dette programtillegget for tiden arbeider i Firefox, Safari og Chrome.

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

Svarte 07/07/2010 kl. 07:36
kilden bruker

stemmer
134

Ta en titt på denne: http://aquantum-demo.appspot.com/file-upload

Den håndterer også flere filopplasting!

Svarte 05/02/2011 kl. 15:57
kilden bruker

stemmer
4

Hva med den nyeste versjonen av jQuery Fileuploader: http://pixelcone.com/fileuploader/

Det er et kraftig filopplasting plugin, veldig lett å sette opp i forhold til andre plugin, og dens støtter nå HTML5 api.

Svarte 08/08/2011 kl. 07:52
kilden bruker

stemmer
18

http://blueimp.github.com/jQuery-File-Upload/ = god løsning

Ifølge sine dokumenter , følgende nettlesere støtter drag & drop:

  • Firefox 4+
  • Safari 5+
  • Google Chrome
  • Microsoft Internet Explorer 10.0+
Svarte 06/01/2012 kl. 12:19
kilden bruker

stemmer
13

Hvis du leter etter en som ikke er avhengig av Flash så dropzonejs er en god rope. Den støtter flere filer og dra og slipp.

http://www.dropzonejs.com/

Svarte 22/05/2012 kl. 12:51
kilden bruker

stemmer
8

Shameless Plugg:

Filepicker.io håndterer opplasting for deg og returnerer en url. Den støtter dra / slipp, kryss nettleser. Dessuten kan folk laste opp fra Dropbox / Facebook / Gmail som er super praktisk på en mobil enhet.

Svarte 21/06/2012 kl. 21:35
kilden bruker

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more