Есть ли хороший плагин загрузки файлов перетаскивания jQuery? [закрытый]

есть ли хороший аккуратный плагин jQuery, который позволяет включать один скрипт JS, а затем использовать простой фрагмент для включения формы? Что-то вроде этого:--2--> 

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

С целью загрузки, являющейся действием формы.

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

Мне нужен только один файл за раз, хотя, конечно, наличие опции для нескольких не плохо.

Я нашел пару drag-drop upload examples:
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

но код там не настроен как плагин. Вероятно, это не слишком сложно изменить, но и нет смысла делать это, если кто-то уже сделал эту работу и просто уклоняется от моих поисков Google.

Я в идеале ищу для чистого решения HTML5 / jQuery.
Google Gears один приемлем, но Флэш-решение не является.

167
drag-and-drop file-upload google-gears html5 jquery

8 ответов

взгляните на это:http://aquantum-demo.appspot.com/file-upload

Он также обрабатывает несколько файлов загрузки!

134

Проверьте недавно1 выпущен обработчик загрузки от парней, которые создали редактор TinyMCE. Он имеет виджет jQuery и выглядит так, как будто у него есть хороший набор функций и отступлений.

http://www.plupload.com/

30

http://blueimp.github.com/jQuery-File-Upload/ = отличное решение

по их docs, следующие браузеры поддерживают drag & drop:

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

Если вы все еще ищете один, я только что выпустил мой: http://github.com/weixiyen/jquery-filedrop

работает для Firefox 3.6 прямо сейчас. Я решил пока не делать Chrome hack и позволить Webkit догнать FileReader () в следующих версиях Safari и Chrome.

этот плагин совместим с будущим.

FileReader () является официальным стандартом над чем-то вроде XHR.getAsBinary (), который устарел в соответствии с от Mozilla.

Это также единственный HTML5 desktop drag+Drop плагин, который я знаю, который позволяет отправлять дополнительные данные вместе с файлом, включая данные, которые могут быть вычислены во время загрузки с функцией обратного вызова.

15

Если вы ищете тот, который не полагается на Flash, то dropzonejs-хороший крик. Он поддерживает несколько файлов и перетащить.

http://www.dropzonejs.com/

13

Я создал плагин, который позволяет вам сбрасывать некоторые файлы в заданную область. Этот плагин в настоящее время работает в Firefox, Safari и Chrome.

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

9

Промоушен:

Filepicker.Ио обрабатывает загрузку для вас и возвращает url-адрес. Он поддерживает перетаскивание, кросс-браузер. Кроме того, люди могут загружать из Dropbox/Facebook/Gmail, что очень удобно на мобильном устройстве.

8

Как насчет последней версии jQuery Fileuploader:http://pixelcone.com/fileuploader/

его мощный плагин загрузки файлов, очень прост в настройке по сравнению с другим плагином, и теперь поддерживает html5 api.

4