Apakah ada plugin unggah file jQuery Drag-and-drop yang bagus? [Tutup]

174

Apakah ada plugin jQuery rapi bagus yang memungkinkan termasuk skrip JS tunggal kemudian menggunakan potongan sederhana untuk mengaktifkan formulir? Sesuatu seperti ini:

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

Dengan target unggahan menjadi aksi formulir.

Solusi apa pun tidak boleh mencegah bidang file biasa agar tidak dapat digunakan (menggunakan metode penelusuran tradisional).

Saya hanya perlu satu file pada satu waktu, meskipun tentu saja memiliki opsi untuk banyak bukan hal yang buruk.

Saya telah menemukan beberapa contoh unggahan drag-drop:
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

Tetapi kode tidak ada setup sebagai plugin. Mungkin tidak terlalu sulit untuk mengubahnya, tetapi juga tidak ada gunanya jika orang lain telah melakukan pekerjaan itu dan hanya menghindari pencarian Google saya.

Saya idealnya mencari solusi HTML5 / jQuery murni.
Google Gears satu dapat diterima, tetapi solusi Flash tidak.

jquery file-upload drag-and-drop html google-gears Peter Boughton
sumber
3
Solusi itu Hanya berfungsi di versi tepi Bleeding dari firefox. Saat ini tidak ada dukungan di luar firefox 3.6. Karena itu, Anda tidak mungkin menemukan plugin jQuery untuk itu dan kemungkinan besar Anda harus membuatnya sendiri.
Jojo
1
Bah Versi alfa telah keluar beberapa bulan, itu seharusnya cukup lama. : / Saya kira saya akan pergi membuat plugin sendiri. Akan menjawab pertanyaan begitu saya selesai.
Peter Boughton
@PeterBoughton Jika Anda belum menyelesaikan plugin itu, Anda mungkin ingin menerima jawaban
Basic
Terima kasih atas Dasar yang cepat. Sudah lama tidak melihat ini, tetapi tampaknya ada favorit yang jelas (dan dari sekilas tampak layak), jadi saya akan menerimanya.
Peter Boughton
Untuk pengunggah JavaScript yang bergerak cepat, didukung luar biasa, dan kaya fitur tanpa ketergantungan, lihat Fine Uploader , yang sebelumnya dikenal sebagai valums / pengunggah file.
Ray Nicholus

Jawaban:

134

Lihatlah yang ini: http://aquantum-demo.appspot.com/file-upload

Ini juga menangani banyak pengunggahan file!

Ciaran
sumber
7
Baru diuji. Sangat bagus untuk Chrome dan Firefox. Menurun ke tombol unggah normal di bawah IE. (tapi karena itu bebas flash ...)
Frank Nocke
2
Saya mencari plugin unggah file juga, yang ini tidak berfungsi sekarang-2015 (mungkin itu bekerja kembali pada tahun 2011) .. Apakah ada yang tahu plugin "fileupload" yang berfungsi?
Eran Meir
30

Lihat handler unggahan yang baru dirilis 1 dari orang-orang yang membuat editor TinyMCE. Ini memiliki widget jQuery dan sepertinya memiliki seperangkat fitur dan fallback yang bagus.

http://www.plupload.com/

Aaron Wagner
sumber
Saya sarankan menggunakan plupload karena memanfaatkan teknologi lain untuk pengalaman pengguna terbaik.
rickyduck
All_runtime tidak berfungsi untuk saya di Chrome 15, yang seharusnya menjadi intinya, cobalah sendiri: plupload.com/example_all_runtimes.php
Erik Johansson
1
Ini tidak gratis untuk penggunaan komersial (menggunakan GPL untuk versi gratis)
Sachin Joseph
15

Jika Anda masih mencari satu, saya baru saja merilis milik saya: http://github.com/weixiyen/jquery-filedrop

Bekerja untuk Firefox 3.6 sekarang. Saya memutuskan untuk tidak melakukan hack Chrome sekarang dan membiarkan Webkit mengejar FileReader () di versi Safari dan Chrome yang berikutnya.

Plugin ini kompatibel di masa depan.

FileReader () adalah standar resmi atas sesuatu seperti XHR.getAsBinary () yang sudah usang menurut mozilla.

Ini juga satu-satunya plugin tarik + lepas desktop HTML5 di luar sana yang saya ketahui yang memungkinkan Anda mengirim data tambahan beserta file, termasuk data yang dapat dihitung pada saat mengunggah dengan fungsi panggilan balik.

resopollution
sumber
1
Dokumentasi agak tipis untuk yang satu ini (bahkan sekarang pada tahun 2013) tetapi ia bekerja dengan baik.
dansan
1
Tapi tidak ada demo ?! Ada apa dengan itu.
Sagive SEO
15

Jika Anda mencari yang tidak bergantung pada Flash maka dropzonejs adalah teriakan yang bagus. Ini mendukung banyak file dan seret dan lepas.

http://www.dropzonejs.com/

Ross Gledhill
sumber
Rekomendasi asli Anda pindah ke github.com/Widen/fine-uploader pada bulan Maret.
Ray Nicholus
Terima kasih untuk itu. Sepertinya ini sekarang merupakan penawaran berbayar (untuk penggunaan komersial).
Ross Gledhill
Itu benar. Kami tidak dapat memberikan tingkat dukungan & kecepatan pengembangan yang kami tawarkan secara gratis.
Ray Nicholus
Berikut ini adalah tutorial yang bagus untuk mengunggah / menjatuhkan unggahan gambar menggunakan dropzonejs goo.gl/FVdkS0
Satinder singh
Tidak mudah diintegrasikan dengan form yang ada. Itu sebabnya saya memutuskan untuk pindah dari dropzone.
Usman Khalid
9

Saya membuat sebuah plugin yang memungkinkan Anda untuk menjatuhkan beberapa file ke area tertentu. Plugin ini saat ini berfungsi di Firefox, Safari, dan Chrome.

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

pengguna340084
sumber
8

Plug tak tahu malu:

Filepicker.io menangani pengunggahan untuk Anda dan mengembalikan url. Ini mendukung drag / drop, lintas browser. Selain itu, orang dapat mengunggah dari Dropbox / Facebook / Gmail yang sangat berguna di perangkat seluler.

Liyan Chang
sumber
4

Bagaimana dengan versi terbaru dari jQuery Fileuploader: http://pixelcone.com/fileuploader/

Ini adalah plugin unggah file yang kuat, sangat mudah disetel dibandingkan dengan plugin lain, dan sekarang mendukung html5 api.

John Laniba
sumber
1
Di bawah lisensi apa sajakah FileUploader jQuery tersedia? Anda benar-benar harus mengklarifikasi ini di situs web Anda dan di kode sumber plugin Anda juga, saya kira. :)
OpaCitiZen
Tautan rusak, apakah ini benar?
Puce