Czy istnieje dobra wtyczka do przesyłania plików z funkcją przeciągnij i upuść jQuery? [Zamknięte]

174

Czy istnieje fajna, uporządkowana wtyczka jQuery, która umożliwia dołączenie pojedynczego skryptu JS, a następnie użycie prostego fragmentu kodu, aby włączyć formularz? Coś takiego:

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

Celem przesyłania jest akcja formularza.

Żadne rozwiązanie nie może uniemożliwiać używania zwykłego pola pliku (przy użyciu tradycyjnej metody przeglądania).

Potrzebuję tylko jednego pliku na raz, chociaż oczywiście opcja wielu nie jest złą rzeczą.

Znalazłem kilka przykładów przesyłania plików metodą przeciągnij i upuść:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini. net / 2009/10 / html5-przeciągnij i upuść-wiele-plików-upload

Ale kod nie jest skonfigurowany jako wtyczka. Prawdopodobnie nie jest to zbyt trudne, ale też nie ma sensu tego robić, jeśli ktoś inny wykonał już tę pracę i po prostu omija moje wyszukiwania w Google.

Idealnie szukam czystego rozwiązania HTML5 / jQuery.
Google Gears jest akceptowalny, ale Flash nie.

jquery file-upload drag-and-drop html google-gears Peter Boughton
źródło
3
To rozwiązanie działa tylko w wersji Firefox Bleeding edge. Obecnie nie ma wsparcia poza Firefox 3.6. W takim przypadku raczej nie znajdziesz dla niego wtyczki jQuery i najprawdopodobniej będziesz musiał zrobić to samodzielnie.
Jojo
1
Bah. Wersja alfa jest już dostępna od kilku miesięcy, to powinno wystarczyć. : / Myślę, że wtedy sam utworzę wtyczkę. Odpowie na pytanie, gdy już je skończę.
Peter Boughton
@PeterBoughton Jeśli nie ukończyłeś jeszcze tej wtyczki, możesz zaakceptować odpowiedź
Podstawowy
Dzięki za szybką Basic. Nie patrzyłem na to od wieków, ale wydaje się, że jest wyraźny faworyt (i po szybkim spojrzeniu wydaje się przyzwoity), więc zaakceptuję ten.
Peter Boughton,
Aby uzyskać szybko działający, wyjątkowo obsługiwany i bogaty w funkcje program do przesyłania JavaScript bez żadnych zależności, zapoznaj się z programem Fine Uploader , wcześniej znanym jako valums / file-uploader.
Ray Nicholus

Odpowiedzi:

134

Spójrz na ten: http://aquantum-demo.appspot.com/file-upload

Obsługuje również przesyłanie wielu plików!

Ciaran
źródło
7
Właśnie przetestowane. Jest bardzo przyjemny dla Chrome i Firefox. Rozkłada się do normalnego przycisku przesyłania w przeglądarce IE. (ale dlatego jest wolny od flashowania ...)
Frank Nocke
2
Szukam też wtyczki do przesyłania plików, ta nie działa teraz-2015 (może działała w 2011 roku) .. Czy ktoś zna działającą wtyczkę "fileupload"?
Eran Meir
30

Sprawdź niedawno wydany 1 program obsługi przesyłania od facetów, którzy stworzyli edytor TinyMCE. Ma widżet jQuery i wygląda na to, że ma ładny zestaw funkcji i błędów.

http://www.plupload.com/

Aaron Wagner
źródło
Radziłbym używać programu plupload, ponieważ wykorzystuje on inne technologie, aby zapewnić użytkownikom jak najlepsze wrażenia.
rickyduck
Czas all_runtime nie działa dla mnie w Chrome 15, o co powinno być, spróbuj sam: plupload.com/example_all_runtimes.php
Erik Johansson
1
To nie jest darmowe do użytku komercyjnego (używa GPL do darmowej wersji)
Sachin Joseph
15

Jeśli nadal szukasz jednego, właśnie wydałem mój: http://github.com/weixiyen/jquery-filedrop

Działa teraz z przeglądarką Firefox 3.6. Postanowiłem na razie nie robić hackowania Chrome i pozwoliłem Webkitowi dogonić FileReader () w następnych wersjach Safari i Chrome.

Ta wtyczka jest kompatybilna w przyszłości.

FileReader () jest oficjalnym standardem w stosunku do czegoś takiego jak XHR.getAsBinary (), który według mozilli jest przestarzały.

Jest to również jedyna znana mi wtyczka HTML5 z funkcją przeciągania i upuszczania na komputer, która umożliwia wysyłanie dodatkowych danych wraz z plikiem, w tym danych, które można obliczyć w momencie przesyłania za pomocą funkcji wywołania zwrotnego.

ponowne zanieczyszczenie
źródło
1
Dokumentacja na tej stronie jest trochę za cienka (nawet teraz w 2013 roku), ale działa przyzwoicie.
dansan
1
Ale bez wersji demo ?! co z tym?
Sagive SEO
15

Jeśli szukasz takiego, który nie polega na Flashu, to dropzonejs to dobry okrzyk. Obsługuje wiele plików oraz przeciągnij i upuść.

http://www.dropzonejs.com/

Ross Gledhill
źródło
Twoja pierwotna rekomendacja została przeniesiona na github.com/Widen/fine-uploader w marcu.
Ray Nicholus
Dziękuję za to. Wygląda na to, że jest to teraz płatna oferta (do użytku komercyjnego).
Ross Gledhill,
To jest poprawne. Nie możemy zapewnić poziomu wsparcia i szybkości rozwoju, które oferujemy za darmo.
Ray Nicholus,
Oto fajny samouczek dotyczący przesyłania obrazu metodą przeciągnij / upuść za pomocą dropzonejs goo.gl/FVdkS0
Satinder singh
Niełatwo zintegrować się z istniejącym formularzem. Dlatego zdecydowałem się opuścić strefę zrzutu.
Usman Khalid,
9

Stworzyłem wtyczkę, która pozwala na upuszczenie plików na dany obszar. Ta wtyczka obecnie działa w przeglądarkach Firefox, Safari i Chrome.

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

user340084
źródło
8

Bezwstydna wtyczka:

Filepicker.io obsługuje przesyłanie za Ciebie i zwraca adres URL. Obsługuje przeciąganie / upuszczanie, między przeglądarkami. Ponadto ludzie mogą przesyłać pliki z Dropbox / Facebook / Gmail, co jest bardzo przydatne na urządzeniu mobilnym.

Liyan Chang
źródło
4

A co z najnowszą wersją programu jQuery Fileuploader: http://pixelcone.com/fileuploader/

Jest to potężna wtyczka do przesyłania plików, bardzo łatwa w konfiguracji w porównaniu do innych wtyczek, a teraz obsługuje interfejs API html5.

John Laniba
źródło
1
Na jakich licencjach jest dostępny jQuery Fileuploader? Myślę, że naprawdę powinieneś to wyjaśnić zarówno na swojej stronie internetowej, jak iw kodzie źródłowym wtyczki. :)
OpaCitiZen
Zepsuty link, czy to jest poprawne?
Puce,