it-swarm.com.de

Aktivieren von Drag & Drop in meinem CMS (Content Management System)

Ich verwende Drupal als CMS für meine Websites und habe mich gefragt, ob es eine Möglichkeit gibt, DragNdrop-Funktionen zum Hochladen von Bildern auf die Website zu aktivieren.

Ich meine DragNdrop-Bilder in das Back-End (im Browserfenster).

Wenn nicht, kann ich eine Desktop-Anwendung erstellen, die in Drupal integriert ist? (zB Adobe Air-Anwendung .. oder was anderes ..)?

vielen Dank

2
aneuryzm

Installieren Sie diese

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

Nach der Installation müssen Drag'n'Drop-Uploads für jeden gewünschten Inhaltstyp konfiguriert werden. Dies kann auf der Seite zur Konfiguration des Inhaltstyps unter "Einstellungen für Drag'n'Drop-Uploads" vorgenommen werden:

http: // [www.yoursite.com/path/to/drupal]/admin/content/knotentyp/[knotentyp]

2
troynt

Ich kenne kein großartiges Plugin, das die Javascript-Seite aller Drag'n'Drop-Interaktionen von Dateien für eine beliebige Webanwendung nahtlos verarbeitet (oder ich hätte eines für nser Drag & Drop-Material verwendet) ).

Es gibt jedoch einen ziemlich billigen Hack, den Sie (oder jeder andere HTML/JS/CSS-Plugin-Entwickler) verwenden können, den wir in FogBugz ausgenutzt haben. Wenn Sie das Eingabeelement [type = "file"] auf Ihrer Seite finden und es mit CSS unsichtbar machen und die gesamte Breite/Höhe Ihrer Seite anzeigen, können Sie es ziehen 'n'Drop-Dateien auf Ihren Browser.

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

Das Plugin muss offensichtlich JS verwenden, um das Hinzufügen/Entfernen dieser Stile zum Element zu verwalten.

Bitte schreien Sie mich nicht an, weil ich die HTML5-Datei-API nicht verwende. Es ist brauchbar, aber im Moment ziemlich stabil im X-Browser. Wir haben uns für die schnellste Lösung entschieden, mit der wir feststellen konnten, ob unsere Benutzer Drag'n'Drop als nützlich empfanden oder nicht.

Es funktioniert in Chrome und für einzelne Dateien gleichzeitig in Safari. Alle Details finden Sie hier: http://www.thecssninja.com/javascript/gmail-upload

Bonus : Jemand sollte wirklich ein einfaches kleines jQuery-Plugin entwickeln, das das erste sichtbare Eingabeelement [type = "file"] auf der Seite findet und diese Stile anwendet w/a Nettes kleines "Tropfen hier" Ziel und Animation.

1
kamens