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

174

В настоящее время этот вопрос не очень подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, вызовет дебаты, споры, опрос или расширенное обсуждение. Если вы считаете, что этот вопрос можно улучшить и, возможно, вновь открыть, обратитесь за помощью в справочный центр .

Закрыто 7 лет назад .

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

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

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

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

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

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

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

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

— Питер Боутон
источник

3

Это решение работает только в новейшей версии Firefox. Он не имеет поддержки вне Firefox 3.6 в настоящее время. В таком случае вы вряд ли найдете для него плагин jQuery, и вам, скорее всего, придется сделать его самостоятельно.

— Jojo

1

Ба. Альфа-версия вышла пару месяцев, этого должно хватить. : / Я думаю, я пойду создать плагин сам тогда. Я отвечу на вопрос, как только закончу.

— Питер Боутон

@PeterBoughton Если вы еще не завершили этот плагин, вы можете принять ответ

— Basic

Спасибо за подсказку Basic. Давно не смотрел на это, но кажется, что есть явный фаворит (и на первый взгляд кажется приличным), так что я его приму.

— Питер Боутон

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

— Рэй Николай

134

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

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

— Киран
источник

7

Только что протестировано. Это очень приятно для Chrome и Firefox. Ухудшается до обычной кнопки загрузки под IE. (но, следовательно, это без вспышки ...)

— Фрэнк Нок

2

Я также ищу плагин для загрузки файлов, этот не работает сейчас-2015 (возможно, он работал еще в 2011 году) .. Кто-нибудь знает работающий плагин "fileupload"?

— Эран Меир

30

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

http://www.plupload.com/

— Аарон Вагнер
источник

Я бы посоветовал использовать plupload, так как он использует преимущества других технологий для лучшего пользовательского опыта.

— rickyduck

All_runtime не работает для меня в Chrome 15, и в этом суть, попробуйте сами: plupload.com/example_all_runtimes.php

— Эрик Йоханссон,

1

Это не бесплатно для коммерческого использования (использует GPL для бесплатной версии)

— Sachin Joseph

18

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

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

Firefox 4+
Safari 5+
Гугл Хром
Microsoft Internet Explorer 10.0+

— Томми У
источник

15

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

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

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

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

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

— resopollution
источник

1

Документация немного тонкая (даже сейчас, в 2013 году), но работает прилично хорошо.

— Дансан

1

Но нет демо ?! что с этим.

— Sagive SEO

15

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

http://www.dropzonejs.com/

— Росс Гледхилл
источник

Ваша первоначальная рекомендация была перенесена на github.com/Widen/fine-uploader в марте.

— Рэй Николай

Спасибо за это. Похоже, теперь это платное предложение (для коммерческого использования).

— Росс Гледхилл

Это правильно. Мы не можем обеспечить уровень поддержки и скорость разработки, которые мы предлагаем бесплатно.

— Рэй Николус

Вот хороший урок по перетаскиванию изображений с помощью dropzonejs goo.gl/FVdkS0

— singh

Не легко интегрировать с существующей формой. Вот почему я решил отойти от Dropzone.

— Усман Халид

9

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

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

— user340084
источник

8

Бесстыдная вилка:

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

— Лиян Чанг
источник

4

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

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

— Джон Ланиба
источник

1

По какой лицензии доступны jQuery Fileuploader? Я думаю, вы действительно должны уточнить это как на своем веб-сайте, так и в исходном коде вашего плагина. :)

— OpaCitiZen

Неработающая ссылка, это правильно?

— Puce