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

StackOverflow https://stackoverflow.com/questions/1663741

Вопрос

Есть ли хороший аккуратный плагин 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-drag-and-drop-multiple-file-upload

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

В идеале я ищу чистое решение HTML5/jQuery.
Решение Google Gears приемлемо, а решение Flash — нет.

Это было полезно?

Решение

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

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

Другие советы

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

http://www.plupload.com/

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

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

  • Фаерфокс 4+
  • Сафари 5+
  • Гугл Хром
  • Microsoft Internet Explorer 10.0+

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

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

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

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

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

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

http://www.dropzonejs.com/

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

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

Бесстыдная пробка:

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top