📘 BACKCLICK Doku
Anmelden

Medien-Manager

✎ Bearbeiten + Unterseite Historie (0)
⋯
Erstellt von Confluence-Import am · zuletzt geändert von Doku-Update (Media Explorer) am 03.07.2026 15:34 · v2
Neu ab BACKCLICK 5.9.79

Mit Release 5.9.79 löst der Media Explorer die bisherige, auf AjaXplorer (PHP) basierende Medienverwaltung vollständig ab. Der Media Explorer ist eine schlanke, PHP-freie Web-Anwendung direkt im BACKCLICK-System – ohne separaten Login, ohne PHP-Laufzeit. Damit sind zugleich die bekannten Sicherheitslücken der alten Lösung (Directory-Traversal, ausführbarer Upload, SySS-Advisory SYSS-2022-027) geschlossen.

Der Media Explorer verwaltet alle Bilder und Datei-Anhänge eines Mandanten zentral. Er öffnet sich sowohl als eigenständige Medienverwaltung über das Menü als auch als Auswahl-Dialog („Picker“) direkt aus dem Kampagnen-Editor. Bestehende Newsletter-Bild-URLs bleiben unverändert gültig.

Oberfläche und Bedienelemente

Media Explorer – Hauptansicht mit Verzeichnisbaum, Kachelansicht und Vorschau

Die Oberfläche gliedert sich in drei Bereiche:

  • Verzeichnisbaum (links): die Ordnerstruktur des Mandanten (z. B. Beispielbilder, Newsletter-Anhaenge). Darunter die Vorschau des aktuell markierten Objekts mit Dateiname, Größe, Typ und Bildabmessungen.
  • Inhaltsbereich (Mitte): die Dateien des gewählten Ordners – wahlweise als Kachelansicht (mit Thumbnails) oder Listenansicht (Name, Größe, Typ, geändert). Umschaltung oben rechts.
  • Kopfleiste (oben): Volltext-Suche über alle Ordner sowie die Aktionen Hochladen, Importieren und Neuer Ordner.

Für ein oder mehrere markierte Objekte stehen in der Aktionsleiste Umbenennen, Kopieren, Verschieben und Löschen bereit.

Dateien hochladen

Dateien lassen sich per Klick auf Hochladen oder einfach per Drag & Drop in den Inhaltsbereich übertragen. Aus Sicherheitsgründen gilt eine Endungs-Whitelist: Bild- und Dokumentformate sind erlaubt, ausführbare Dateitypen (z. B. .php, .jsp) werden abgewiesen. Alle Pfade werden gegen die Mandanten-Wurzel kanonisiert, sodass kein Ausbruch aus dem eigenen Medienverzeichnis möglich ist.

Ordner anlegen und verwalten

Über Neuer Ordner wird ein Unterverzeichnis erstellt. Ordner und Dateien können per Aktionsleiste umbenannt, kopiert, verschoben oder gelöscht werden. Die Struktur spiegelt die physischen Media_<Mandant>-Verzeichnisse wider.

Bilder importieren – 14 Quellen

Neben dem klassischen Upload kann der Media Explorer Bilder direkt aus externen Quellen übernehmen. Der Dialog Importieren bündelt dafür 14 Quellen; ein grüner Punkt kennzeichnet sofort nutzbare Quellen, ein gelber Punkt Quellen, die zuvor Zugangsdaten benötigen (unter Zugangsdaten hinterlegbar).

Import-Dialog des Media Explorers mit 14 Bildquellen

Freie / lizenzfreie MedienStockfoto-DiensteFirmen- & Cloud-Speicher
Import per URL
Wikimedia Commons
Openverse (CC-Bilder)
Met Museum (CC0)
NASA Bilder
Art Institute of Chicago (CC0)
Pixabay
Pexels
Unsplash
Firmen-Cloud (WebDAV/Nextcloud)
Dropbox
Google Drive
OneDrive / SharePoint
Google Fotos

Beim Import werden vorhandene Lizenz- und Urheber-Angaben mit gespeichert. Die Konfiguration (API-Schlüssel, Cloud-Zugänge) erfolgt mandantenspezifisch.

Einsatz im Kampagnen-Editor

Beim Erstellen eines Newsletters öffnet sich der Media Explorer als Auswahl-Dialog. Ein Hinweisbanner führt durch die Auswahl: Ein Doppelklick auf ein Bild übernimmt es sofort, alternativ Bild markieren und in der Vorschau übernehmen. Vor der Auswahl kann direkt hochgeladen oder importiert werden.

Media Explorer als Bild-Picker im Kampagnen-Editor

Der Picker kennt zwei Modi:

  • Bild-Auswahl (useasimage) – fügt ein Bild in den Newsletter ein.
  • Anhang-Auswahl (useasattachment) – ordnet eine Datei als E-Mail-Anhang zu.

Mandantentrennung und Sicherheit

  • Session-Pflicht: Jeder Zugriff setzt eine angemeldete BACKCLICK-Sitzung voraus; der Mandant wird autoritativ aus der Sitzung bestimmt.
  • Superuser können über einen Mandanten-Parameter gezielt in fremde Medienverzeichnisse wechseln; reguläre Benutzer sind strikt auf ihren Mandanten begrenzt.
  • Sämtliche Pfade sind traversal-sicher, Uploads auf unbedenkliche Dateitypen beschränkt.

Die untergeordneten Detailseiten beschreiben die einzelnen Arbeitsschritte im Detail: Bedienelemente, Ordnerverwaltung, Upload, Bild-Zuweisung und E-Mail-Anhänge.

Anhänge (3)

Unterseiten