Чи є хороший плагін для завантаження файлів jQuery? [зачинено]


174

Чи є приємний охайний плагін jQuery, який дозволяє включати один JS-скрипт, а потім використовувати простий фрагмент для включення форми? Щось на зразок цього:

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

Завдяки цілі завантаження є формою.

Будь-яке рішення не повинно перешкоджати застосуванню звичайного файлового поля (використовуючи традиційний метод перегляду).

Мені потрібен лише один файл за один раз, хоча, звичайно, вибір варіантів для кількох не є поганою справою.

Я знайшов кілька прикладів завантаження із перетягуванням:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini. net / 2009/10 / html5-перетягування-перетягування-кілька файлів-завантаження

Але код там не налаштований як плагін. Це, мабуть, не надто складно змінити, але також немає сенсу робити це, якщо хтось уже зробив цю роботу і просто ухиляється від моїх пошуків Google.

Я в ідеалі шукаю чисте рішення HTML5 / jQuery.
Google Gears прийнятний, але Flash-рішення - ні.


3
Це рішення працює лише у версії firefox, що кривить край. Наразі він не підтримує Firefox 3.6. Оскільки це так, ви навряд чи зможете знайти плагін jQuery для нього, і, швидше за все, вам доведеться зробити його самостійно.
Джоджо

1
Ба. Альфа-версія вийшла пару місяців, це повинно бути досить довгим. : / Я думаю, тоді піду створити плагін. Відповім на питання, як тільки я його закінчу.
Пітер Бауфтон

@PeterBoughton Якщо ви ще не закінчили цей плагін, ви можете прийняти відповідь
Основний

Дякуємо за оперативне базове. Я не дивився на це у віках, але, здається, є явний фаворит (і з швидкого погляду це здається пристойним), тож я прийму це.
Пітер Бауфтон

Для швидкого, надзвичайно підтримуваного та багатофункціонального завантажувача JavaScript без залежностей, подивіться на Fine Uploader , раніше відомий як valums / file-uploader.
Рей Ніколус

Відповіді:


134

Погляньте на це: http://aquantum-demo.appspot.com/file-upload

Він також обробляє кілька завантажень файлів!


7
Щойно перевірений. Це дуже приємно для Chrome і Firefox. Кнопка завантаження в нормальному режимі знижується до звичайного. (але тому це без флеш-пам’яті…)
Френк Нокк

2
Я також шукаю плагін для завантаження файлів, цей не працює зараз-2015 (можливо, він працював ще в 2011 році). Хтось знає працюючий плагін "завантаження файлів"?
Еран Меїр

30

Перевірте недавно 1 випущений обробник завантаження з хлопців , які створили редактор TinyMCE. Він має віджет jQuery і, схоже, має приємний набір функцій та резервних копій.

http://www.plupload.com/


Я б радив використовувати plupload, оскільки він використовує інші технології для найкращого користувальницького досвіду.
rickyduck

All_runtime не працює для мене в Chrome 15, що має бути суть, спробуйте самі: plupload.com/example_all_runtimes.php
Ерік Йоханссон

1
Це не безкоштовно для комерційного використання (використовує GPL у безкоштовній версії)
Sachin Joseph


15

Якщо ви все ще шукаєте, я щойно випустив шахту: http://github.com/weixiyen/jquery-filedrop

Працює для Firefox 3.6 прямо зараз. Я вирішив наразі не робити злому Chrome і дозволив Webkit наздогнати FileReader () у наступних версіях Safari та Chrome.

Цей плагін сумісний у майбутньому.

FileReader () є офіційним стандартом для чогось на зразок XHR.getAsBinary (), який застаріло відповідно до mozilla.

Це також єдиний додаток перетягування та випадання HTML5 на робочому столі, який мені відомо, що дозволяє надсилати додаткові дані разом з файлом, включаючи дані, які можна обчислити під час завантаження за допомогою функції зворотного виклику.


1
Документація трохи тонка (навіть зараз у 2013 році), але вона працює пристойно.
дансан

1
Але жодної демонстрації ?! що з цим.
Пробачте SEO

15

Якщо ви шукаєте той, який не покладається на Flash, то dropzonejs - це гарний крик. Він підтримує кілька файлів і перетягування.

http://www.dropzonejs.com/


Ваша оригінальна рекомендація перенесена на github.com/Widen/fine-uploader у березні.
Рей Ніколус

Дякую за це. Схоже, це зараз платна пропозиція (для комерційного використання).
Росс Гледхілл

Це правильно. Ми не можемо безкоштовно забезпечити рівень підтримки та швидкість розвитку, які ми пропонуємо.
Рей Ніколус

Ось приємний підручник із завантаження зображень із перетягування / видалення за допомогою dropzonejs goo.gl/FVdkS0
Satinder singh

Непросто інтегруватись із існуючою формою. Ось чому я вирішив відійти від дропзону.
Усман Халід


8

Безсоромний штекер:

Filepicker.io обробляє завантаження для вас і повертає URL-адресу. Він підтримує перетягування, перехресний браузер. Також люди можуть завантажувати з Dropbox / Facebook / Gmail, що дуже зручно на мобільному пристрої.


4

Як щодо останньої версії jQuery Fileuploader: http://pixelcone.com/fileuploader/

Його потужний плагін для завантаження файлів, дуже простий у налаштуванні порівняно з іншими плагінами, і його тепер підтримується html5 api.


1
За якими ліцензіями доступний jQuery Fileuploader? Ви дійсно повинні уточнити це як на своєму веб-сайті, так і у вихідному коді вашого плагіна, я думаю. :)
OpaCitiZen

Перервана посилання, це правильно?
Пуче
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.