İyi bir jQuery Sürükle ve bırak dosya yükleme eklentisi var mı? [kapalı]

174

Tek bir JS komut dosyası dahil sonra bir formu etkinleştirmek için basit bir snippet kullanarak sağlayan güzel bir düzenli jQuery eklentisi var mı? Bunun gibi bir şey:

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

Yükleme hedefi formun eylemidir.

Herhangi bir çözüm, normal bir dosya alanının kullanılabilir olmasını engellememelidir (geleneksel tarama yöntemini kullanarak).

Tabii ki birden fazla seçeneğe sahip olmak kötü bir şey olmasa da, aynı anda sadece bir dosyaya ihtiyacım var.

Bir çift sürükle bırak yükleme örneği buldum:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini. net / 2009/10 / html5-sürükle ve bırak-çoklu-dosya-yükleme

Ancak buradaki kod eklenti olarak ayarlanmamış. Muhtemelen bunu değiştirmek çok zor değil, aynı zamanda başka bir kişi bu işi zaten yaptıysa ve Google aramalarımdan kaçınıyorsa bunu yapmanın bir anlamı yok.

İdeal olarak saf bir HTML5 / jQuery çözümü arıyorum.
Google Gears biri kabul edilebilir, ancak Flash çözümü kabul edilmez.

— Peter Boughton
kaynak

3

Bu çözüm yalnızca firefox'un Bleeding edge sürümünde çalışır. Şu anda firefox 3.6 dışında hiçbir desteği yok. Bu durumda, bunun için bir jQuery eklentisi bulma olasılığınız yoktur ve büyük olasılıkla kendiniz yapmanız gerekir.

— Jojo

1

Bah. Alfa sürümü birkaç aydır, bu yeterince uzun olmalı. : / Sanırım eklentiyi kendim oluşturacağım. Soruyu bitirdikten sonra cevaplayacağım.

— Peter Boughton

@PeterBoughton Bu eklentiyi henüz tamamlamadıysanız, bir yanıtı kabul etmek isteyebilirsiniz

— Temel

Temel istem için teşekkürler. Bu çağlarda bakmadım, ama net bir favori var gibi görünüyor (ve hızlı bir bakışla iyi görünüyor), bu yüzden kabul edeceğim.

— Peter Boughton

Bağımlılığı olmayan hızlı hareket eden, istisnai olarak desteklenen ve zengin özellikli bir JavaScript yükleyici için , daha önce valums / dosya yükleyici olarak bilinen Fine Uploader'a göz atın .

— Ray Nicholus

134

Şuna bir göz atın: http://aquantum-demo.appspot.com/file-upload

Aynı zamanda birden fazla dosya yüklemeyi de gerçekleştirir!

— Ciaran
kaynak

7

Sadece test edildi. Chrome ve Firefox için çok güzel. IE altındaki normal yükleme düğmesine düşer. (ancak bu nedenle flash içermez ...)

— Frank Nocke

2

Ben de bir dosya yükleme eklentisi arıyorum, bu bir şimdi çalışmıyor-2015 (belki 2011 yılında geri çalıştı) .. Birisi çalışan bir "fileupload" eklentisi biliyor mu?

— Eran Meir

30

TinyMCE editörünü oluşturan adamlardan yeni yayınlanan ¹ yükleme yükleme işleyicisine göz atın . Bir jQuery widget'ı var ve güzel bir dizi özellik ve yedeklemeye sahip gibi görünüyor.

http://www.plupload.com/

— Aaron Wagner
kaynak

En iyi kullanıcı deneyimi için diğer teknolojilerden yararlandığı için plupload kullanmanızı öneririm.

— rickyduck

All_runtime, Chrome 15'te benim için çalışmıyor, ki bu nokta olmalı, kendiniz deneyin: plupload.com/example_all_runtimes.php

— Erik Johansson

1

Ticari kullanım için ücretsiz değildir (ücretsiz sürüm için GPL kullanır)

— Sachin Joseph

18

http://blueimp.github.com/jQuery-File-Upload/ = mükemmel çözüm

Dokümanlarına göre , aşağıdaki tarayıcılar sürükle ve bırak özelliğini destekler:

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

— Tommy W
kaynak

15

Hala bir tane arıyorsanız, sadece benimkini serbest bıraktım: http://github.com/weixiyen/jquery-filedrop

Firefox 3.6 için çalışıyor. Şimdilik Chrome saldırılarını yapmamaya karar verdim ve Webkit'in Safari ve Chrome'un sonraki sürümlerinde FileReader () ile yakalamasına izin verdim.

Bu eklenti geleceğe uyumludur.

FileReader (), mozillaya göre kullanımdan kaldırılan XHR.getAsBinary () gibi bir şey üzerinde resmi standarttır.

Ayrıca, bir geri arama işlevi ile yükleme sırasında hesaplanabilen veriler de dahil olmak üzere, dosya ile birlikte ekstra veri göndermenizi sağlayan tek HTML5 masaüstü sürükle + bırak eklentisi.

— resopollution
kaynak

1

Belgeler bu konuda biraz ince (şimdi 2013'te bile) ama iyi çalışıyor.

— dansan

1

Ama demo yok mu ?! bunun nesi var.

— Sagive SEO

15

Flash'a güvenmeyen bir tane arıyorsanız dropzonejs iyi bir nottur. Birden fazla dosya ve sürükle ve bırak desteği.

http://www.dropzonejs.com/

— Ross Gledhill
kaynak

Orijinal tavsiyeniz Mart ayında github.com/Widen/fine-uploader adresine taşındı .

— Ray Nicholus

Bunun için teşekkürler. Görünüşe göre artık ücretli bir teklif (ticari kullanım için).

— Ross Gledhill

Bu doğru. Ücretsiz olarak sunduğumuz destek ve geliştirme hızını sağlayamayız.

— Ray Nicholus

İşte dropzonejs goo.gl/FVdkS0

— Satinder singh

Mevcut formla entegre etmek kolay değil. Bu yüzden dropzone'dan uzaklaşmaya karar verdim.

— Usman Khalid

9

Belirli bir alana bazı dosyaları bırakmanıza izin veren bir eklenti oluşturdum. Bu eklenti şu anda Firefox, Safari ve Chrome'da çalışıyor.

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

— user340084
kaynak

8

Utanmaz Fiş:

Filepicker.io sizin için yüklemeyi yapar ve bir URL döndürür. Sürükle / bırak, çapraz tarayıcıyı destekler. Ayrıca, kullanıcılar bir mobil cihazda çok kullanışlı olan Dropbox / Facebook / Gmail'den yükleme yapabilir.

— Liyan Chang
kaynak

4

JQuery Fileuploader'ın en son sürümüne ne dersiniz: http://pixelcone.com/fileuploader/

Güçlü bir dosya yükleme eklentisi, diğer eklenti ile karşılaştırıldığında kurulumu çok kolay ve şimdi html5 api'yi destekliyor.

— John Laniba
kaynak

1

JQuery Fileuploader hangi lisanslar altında mevcut? Bunu hem web sitenizde hem de eklentinizin kaynak kodunda açıklığa kavuşturmalısınız. :)

— OpaCitiZen

Bozuk bağlantı, bu doğru mu?

— Puce