Включение перетаскивания в моей CMS (Система управления контентом)

Я использую Drupal в качестве CMS для своих веб-сайтов, и мне было интересно, есть ли способ включить функции перетаскивания для загрузки изображений на веб-сайт.

Я имею в виду перетаскивание изображений в серверную часть (в окне браузера).

Если нет, могу ли я создать настольное приложение, интегрируемое с Drupal? (например. Приложение Adobe Air.. или что-то еще..)?

Спасибо

 2
drupalcms
Author: aneuryzm, 2010-10-21
Source

2 answers

Установите эти

  • drupal.org/project/cck
  • drupal.org/project/imagefield
  • drupal.org/project/dragndrop_uploads

После установки загрузка Drag'n' Drop должна быть настроена для каждого Тип контента, который вы хотите использовать, это можно сделать на странице настройки типа контента в разделе "Перетаскивание Настройки загрузки":

Http://[www.yoursite.com/path/to/drupal ]/администратор/контент/тип узла/[тип узла]

 2
Author: troynt, 2010-10-21 19:10:54

Я не знаю отличного плагина, который легко обрабатывает javascript-часть всех взаимодействий с перетаскиванием файлов для произвольного веб-приложения (или я бы использовал его для нашего перетаскивания).

Тем не менее, есть довольно дешевый хак, который вы (или любой разработчик плагинов HTML/JS/CSS) можете использовать, которым мы воспользовались в FogBugz. Если вы найдете элемент ввода[type="файл"] на своей странице и используете CSS, чтобы сделать его невидимым и на всю ширину/высоту вашего страница, это позволит вам перетаскивать файлы в ваш браузер.

#drop input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

Плагин, очевидно, должен будет использовать JS для управления добавлением/удалением этих стилей в элемент.

Пожалуйста, не кричите на меня за то, что я не использую API файлов HTML5. Он удобен в использовании, но сейчас довольно высок в плане стабильности x-браузера. Мы выбрали самое быстрое решение, которое позволило бы нам узнать, нашли ли наши пользователи drag'n'drop полезным.

Он работает в Chrome и для отдельных файлов в время, Сафари. Полная информация доступна здесь: http://www.thecssninja.com/javascript/gmail-upload

Бонус: кто-то действительно должен разработать простой маленький плагин jQuery, который находит первый видимый элемент ввода[тип="файл"] на странице и применяет эти стили с милой маленькой целью "бросьте сюда" и анимацией.

 1
Author: kamens, 2010-10-21 18:50:32