8. Ein Bild, ein PDF oder eine Datei hochladen

Wir haben das Thema "Hochladen von Dateien" im Prinzip schon im Kapitel 7 beschrieben. Hier zeige ich einen etwas anderen Zugang. Wir verwenden hier das Werkzeug "Dateiverwaltung".

Die Aufgabenstellung ist ähnlich wie im Kapitel 7. Sie wollen ein Bild oder ein PDF mit einer Textstelle verlinken. Das Bild/PDF befindet sich jedoch noch auf Ihrem Computer. Hier zeige ich, wie man diese Dateien auf Ihren Webserver hochladen kann. Wir werden jetzt aber das Backend-Modul-Werkzeug (linke Spalte) System/Dateiverwaltung nehmen (1)

Dateiverwaltung
Dateiverwaltung

Mit der Dateiverwaltung arbeiten

Klicken Sie nun auf Dateiverwaltung. Im rechten Fensterbereiche öffnet sich die Dateiverwaltung. Der "Datei-Baum" wird sichtbar. Hier finden wir ein paar uninteressante Ordner (2). Wir beschränken uns auf den Ordner "vision" (1). Bei Ihnen mag der Ordern vielleicht "contaodemo", "kohlfirst" oder "tao", "sonnenblume" etc. heissen. Wenn Sie den Ordner mit dem kleinen grauen Pluszeichen öffnen (3 oder 4), sehen Sie schnell, dass dort die relevanten Ordern und Daten verborgen sind. Wir interessieren uns für den Bildordner "img" oder für den Ordner "PDF". Klicken Sie nun z.B. auf das kleine graue Pluszeichen links neben "img" (3).

Dateiverwaltung öffnen
Dateiverwaltung öffnen

Es öffnen sich ev. weitere Unterordner - z.B. Fotos. Aber das spielt für unsere kleine Übung keine Rolle. Wir wollen ein Bild in den Ordner "img" oder in einen Unterordner von "img" hochladen. Klicken Sie oben auf "Datei-Upload" (1).

Datei-Upload
Datei-Upload

"Legen Sie als Nächstes die (neue) Position des Elements fest" - diese etwas umständliche Meldung will uns fragen, wo wir das Bild ablegen wollen. In unserem Beispiel legen wir das Bild im Ordner "fotos" ab (1). Am rechten Bildschirmrand erscheint ein oranges Icon. Wenn Sie mit der Maus über das Icon fahren, erscheint ein grauer Hinweis "In dieses Verzeichnis einfügen". Genau das wollen wir. Klicken Sie nun auf das Icon. Verirren Sie sich nicht - bleiben Sie horizontal auf gleicher Höhe. Wenn Sie das falsche orange Icon klicken, landen Sie in einem falschen Ordner.

Position festlegen
Position festlegen

Ein weiteres Fenster öffnet sich. Hier wird es nun konkret. Wir klicken "Datei-Upload - Durchsuchen..." (1). Der Pfad oben (3) bestätigt nochmals den Ort, wo wir das Bild einfügen. In meinem Fall geht das Bild in einen Schulungsordner und nicht in einen Foto-Ordner "fotos". Das spielt aber hier keine Rolle. Wichtig ist: Kontrollieren Sie nochmals den Pfad oben (3). Ist es der richtige Ordner? Ansonsten klickt man auf den grünen Pfeil "Zurück", der sich oben rechts befindet und wiederholt die Aktion. Natürlich lassen sich die Dateien nachträglich verschieben. Wie man das macht, wird später erklärt.

Datei-Upload Datei suchen auf Computer...
Datei-Upload Datei suchen auf Computer...

Wir suchen das Bild auf unserem Computer. Wählen Sie nun ihr Foto, Bild, PDF, Excel-Datei usw. und klicken Sie auf "öffnen" und dann anschliessend auf "Dateien hochladen und zurück". Das Fenster bestätigt das Hochladen.

Bildwahl
Bildwahl

Ev. wurde die Datei automatisch vom System verkleinert. Wie gross das Bild sein darf, entnehmen Sie dem kleinen grauen Text (1). Dort steht in unserem Beispiel "Wählen Sie die Dateien, die Sie auf den Server übertragen möchten (maximal 195,3 MiB und 3000x3000 Pixel)." Wenn man keine rote Textwarnung erhält, hat alles geklappt. Wenn man eine Textwarnung erhält, ist meistens das Foto zu gross für den Upload. Verkleinern Sie bitte das Foto mit Ihrem Lieblingsfotoprogramm (zum Beispiel auf 1500 x 750 Pixel). Zurück in den Dateibaum geht es mit dem grünen Pfeil "Zurück" (2) oder durch Klick auf das Backend-Modul "Dateiverwaltung" (3).

Jetzt sehen Sie wieder den Datenbaum. Achtung beim Hochladen von mehreren Fotos. Sie können nur 20 Fotos pro Upload hochladen. Wenn Sie 40 Fotos haben - müssen Sie den Prozess 2 x durchführen.

Es können nur 20 Bild pro Upload hochgeladen werden. Bitte beachten Sie die max. Upload-Grösse

Auf jeden Fall können Sie mehr als 1 Foto hochladen. Sie können mehrere PDF, Dateien etc. in einem Durchgang hochladen (max. 20). Bitte immer kontrollieren, ob alle Dateien wirklich oben sind. Dazu verwenden sie das Werkzeug "Dateiverwaltung".

Datei ist hochgeladen
Datei ist hochgeladen

Wir merken uns: immer wenn wir mit Dateien arbeiten wollen, bietet sich das Backend-Modul-Werkzeug "Dateiverwaltung" an. Bitte überprüfen Sie mit "Dateiverwaltung" Ihre Ordnerstruktur auf Ihrer Contaoversion. Sie bekommen dann ein Gefühl dafür, wo sich Ihre Daten befinden. Räumen Sie bei Bedarf auf.