Есть ли хороший плагин загрузки файлов jQuery для Drag-and-drop?

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

$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-drag-and-drop-multiple-file-upload

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

Я идеально ищу чистое решение HTML5/jQuery.
Google Gears является приемлемым, но решение Flash не является.

Ответ 1

Посмотрите на это: http://aquantum-demo.appspot.com/file-upload

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

Ответ 2

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

http://www.plupload.com/

Ответ 3

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

Согласно их docs, следующие браузеры поддерживают перетаскивание:

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

Ответ 4

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

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

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

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

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

Ответ 5

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

http://www.dropzonejs.com/

Ответ 6

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

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

Ответ 7

Бесстыдный штекер:

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

Ответ 8

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

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