Feld „Datei-Upload“
Dokumente, Bilder und Dateien lassen sich sicher sammeln. Von Lebensläufen bis hin zu Fotos – mit Drag-and-Drop-Upload, Dateitypbeschränkungen, Größenbegrenzungen und Sofortvorschau bietet das Feld „Datei-Upload“ eine sichere Dateisammlung mit moderner Benutzeroberfläche und umfassender Validierung.
Professionelle Dateisammlung mit intelligenter Validierung
Perfekt für:
Leistungsstarke Funktionen für jeden Anwendungsfall
📤 Mehrere Dateien gleichzeitig hochladen
Einzelne oder mehrere Dateien:
Ermöglichen Sie Benutzern das Hochladen einer einzelnen Datei oder aktivieren Sie den Upload mehrerer Dateien. Benutzer können mehrere Dateien gleichzeitig auswählen oder Dateien nacheinander hinzufügen.
- Intelligente Dateiverwaltung:
- Dateien schrittweise hinzufügen
- Entfernen Sie einzelne Dateien vor dem Absenden.
- Alle ausgewählten Dateien mit Namen und Größen anzeigen
- Klare Anzeige der Upload-Zahl
Min/Max-Dateisteuerung:
Wenn mehrere Uploads aktiviert sind, legen Sie eine minimale und maximale Dateianzahl fest. Verlangen Sie mindestens 2 Dateien, begrenzen Sie die Anzahl auf 10 Dateien oder wählen Sie einen beliebigen Bereich, der Ihren Anforderungen entspricht.
Beispiele:
- Einreichung des Lebenslaufs: Nur 1 Datei
- Fotogalerie: Mindestens 3, maximal 10 Bilder
- Dokumentenpaket: Mindestens 2, maximal 5 Dateien
- Portfolio: Mindestens 1, maximal 20 Dateien
🎯 Dateitypbeschränkungen
7 vorkonfigurierte Kategorien:
Bilder – jpg, png, gif und alle Bildformate
Perfekt für Fotos, Logos, Screenshots und visuelle Inhalte.
Unterlagen – pdf, doc, docx, txt, odt
Ideal für Lebensläufe, Berichte, Verträge und Textdokumente.
Tabellen – xls, xlsx, csv, ods
Für Datendateien, Budgets, Berichte und Berechnungen.
Registerkarte „Präsentationen“ – ppt, pptx, odp
Foliensätze, Pitch-Präsentationen und visuelle Berichte.
Archives – zip, rar, 7z, tar, gz
Komprimierte Dateien, Dateipakete und Sicherungskopien.
Audio – mp3, wav und alle Audioformate
Musikdateien, Sprachaufnahmen und Audioclips.
Video – mp4, mov und alle Videoformate
Videodateien, Aufnahmen und Multimedia-Inhalte.
Mix & Match:
Aktivieren Sie mehrere Kategorien, um verschiedene Dateitypen zu akzeptieren. Aktivieren Sie „Bilder + Dokumente“, um sowohl Fotos als auch PDFs zu akzeptieren.
📝 Benutzerdefinierte Dateierweiterungen
Genaue Dateitypen angeben:
Neben den 7 Kategorien können Sie spezifische Dateierweiterungen definieren, die Sie akzeptieren möchten. Geben Sie benutzerdefinierte Erweiterungen durch Kommas getrennt ein.
Beispiele:
- `.jpg, .png, .pdf` – Nur Fotos und PDFs
- `.docx, .pdf, .txt` – Spezielle Dokumentformate
- `.ai, .psd, .sketch` – Designdateien
- `.dwg, .dxf` – CAD-Dateien
- `.sql, .db` – Datenbankdateien
Perfekte Kontrolle:
Kombinieren Sie Kategorie-Kontrollkästchen mit benutzerdefinierten Dateierweiterungen für eine präzise Dateitypsteuerung. Akzeptieren Sie die Kategorie „Bilder“ plus „.svg“, um vollständige Bildunterstützung zu gewährleisten.
🖼️ Dateivorschau
Visuelles Datei-Feedback:
Aktivieren Sie „Dateivorschau anzeigen“, um Miniaturansichten für Bilder und Dateisymbole für andere Dateitypen anzuzeigen. Benutzer sehen genau, was sie ausgewählt haben, bevor sie es absenden.
Vorschau der Funktionen:
- Vorschaubilder für Fotos
- Dateisymbole für Dokumente
- Dateiname- und Größenanzeige
- Schaltfläche „Entfernen“ für jede Datei
Visuelle Upload-Bestätigung
Bessere Benutzererfahrung:
Vorschauen bestätigen die erfolgreiche Dateiauswahl, reduzieren Fehler und geben die Gewissheit, dass die richtigen Dateien angehängt sind.
🎨 Benutzerdefinierter Schaltflächentext
Personalisierung des Upload-Erlebnisses:
Ändern Sie den Text der Upload-Schaltfläche von „Datei auswählen“ in einen Text, der besser zum Kontext Ihres Formulars passt.
Beispiele:
- „Lebenslauf hochladen“
- „Fotos auswählen“
- „Dokumente anhängen“
- "Dateien hinzufügen"
- „Dateien durchsuchen“
- „Bilder auswählen“
Kontextuelle Sprache:
Passen Sie den Button-Text an die Uploads der Nutzer an, um klarere Anweisungen und eine bessere Benutzererfahrung zu gewährleisten.
🔐 Integrierte Sicherheit
Automatische Dateivalidierung:
Alle hochgeladenen Dateien werden vor der Verarbeitung auf Typ und Größe geprüft. Schadsoftware wird automatisch abgelehnt.
Sicherheitsebenen:
- Dateitypprüfung (Erweiterung und MIME-Typ)
- Dateigrößenbeschränkungen werden durchgesetzt
- Serverseitige Revalidierung
- WordPress-Sicherheitsstandards
- Bereinigten Dateinamen
Sichere Dateiverwaltung:
Die Dateien werden sicher in den WordPress-Upload-Verzeichnissen mit entsprechenden Berechtigungen und Sicherheitsmaßnahmen gespeichert.
🔀 Bedingte Logik
Dynamische Upload-Felder:
Dateiuploadfelder basierend auf anderen Formularwerten ein- oder ausblenden. Uploadoptionen nur dann anzeigen, wenn sie für die Benutzerauswahl relevant sind.
Erweiterte Logikregeln:
- UND-Logik – Alle Bedingungen müssen erfüllt sein
- ODER-Logik – Jede Bedingung kann die Aktion auslösen
- 8 Operatoren – Gleich, Ungleich, Größer als, Kleiner als, Enthält, Ist leer und mehr
🎯 Verbesserte Benutzererfahrung
Intelligente Funktionen integriert:
- Ausgewählte Dateiliste – Alle ausgewählten Dateien mit Namen und Größen anzeigen
- Einzelne Dateien entfernen – Dateien vor dem Absenden löschen
- Upload-Fortschritt – Visuelles Feedback während des Uploads (mit automatischem Upload)
- Fehlermeldungen löschen – Spezifische Validierungsfehler mit Hinweisen
- Dateianzahlanzeige – Zeigt die Anzahl der ausgewählten Dateien an
- Erforderliche Validierung – Datei-Upload verpflichtend machen
- Hilfetext-Unterstützung – Fügen Sie Beschreibungen zu den Dateianforderungen hinzu.
- Benutzerdefinierte CSS-Klassen – Benutzerdefiniertes Styling anwenden
- Eingabehilfen – Kompatibel mit Tastaturnavigation und Bildschirmleseprogrammen
- Mobil optimiert – Native Dateiauswahlfunktionen auf Mobilgeräten
📏 Dateigrößenbeschränkungen
Uploadgrößen kontrollieren:
Legen Sie die maximale Dateigröße pro Datei in Megabyte (MB) fest. Vermeiden Sie zu große Uploads, die die Übermittlung verlangsamen oder die Servergrenzen überschreiten könnten.
Flexible Grenzen:
- Kleine Dateien: 1-2 MB für Dokumente
- Standard: 5 MB für allgemeine Uploads
- Bilder: 10 MB für Fotos
- Große Dateien: 50 MB+ für Videos oder Archive
Validierung pro Datei:
Die Größenbeschränkung gilt für jede einzelne Datei, nicht für die gesamte Upload-Größe. Benutzer können bis zu 5 Dateien mit jeweils 5 MB hochladen, wenn Sie eine Beschränkung von 5 MB festlegen.
Klares Feedback:
Den Nutzern werden unmittelbar vor dem Absenden Dateigrößenfehler mit spezifischen Meldungen wie „Datei überschreitet das 5-MB-Limit“ angezeigt.
⚡ Automatischer Upload bei Auswahl
Sofort-Upload-Option:
Aktivieren Sie „Automatischer Upload bei Auswahl“, um Dateien sofort nach der Auswahl hochzuladen, anstatt auf das Absenden des Formulars zu warten.
Vorteile:
- Schnellere wahrgenommene Leistung
- Laden Sie große Dateien hoch, während die Benutzer andere Felder ausfüllen.
- Sofortige Upload-Bestätigung
- Fortschrittsanzeige während des Uploads
Anwendungsfälle:
- Einreichung großer Dateien (Videos, Archive)
- Mehrstufige Formulare, bei denen Dateien frühzeitig hochgeladen werden
- Formulare mit vielen auszufüllenden Feldern
- Bessere Benutzerfreundlichkeit bei langsamen Verbindungen
🎨 Drag & Drop Upload
Moderne Dateiauswahl:
Aktivieren Sie Drag & Drop, damit Benutzer Dateien direkt von ihrem Desktop oder Dateimanager in den Upload-Bereich ziehen können. Kein Durchsuchen des Dateimanagers erforderlich.
Duale Upload-Methoden:
- Traditioneller „Datei auswählen“-Button
- Ziehen Sie Dateien direkt in den Uploadbereich.
- Beide Methoden funktionieren gleichzeitig
Visuelles Feedback:
Der Upload-Bereich wird hervorgehoben, sobald Dateien darübergezogen werden, wodurch die Ablagezone visuell klar angezeigt wird.
Mobilkompatibel:
Funktioniert auf Desktop-Computern mit vollständiger Drag-and-Drop-Funktionalität. Auf Mobilgeräten wird auf die Standard-Dateiauswahl zurückgegriffen.
Einfache Einrichtung in 3 Schritten
Bereiten Sie Ihr Dateiupload-Feld in wenigen Minuten vor.
Datei-Upload-Feld hinzufügen
Ziehen Sie das Feld „Datei-Upload“ aus dem Abschnitt „Basisfelder“ per Drag & Drop in Ihr Formular.
Dateibeschränkungen festlegen
Wählen Sie die zulässigen Dateitypen (Bilder, Dokumente usw.), legen Sie die maximale Dateigröße fest (z. B. 5 MB) und aktivieren Sie bei Bedarf die Option „Mehrere Dateien“ mit Angabe der minimalen/maximalen Anzahl.
Moderne Funktionen aktivieren
Aktivieren Sie Drag & Drop für einfachere Uploads, schalten Sie Dateivorschauen für visuelles Feedback ein und passen Sie den Schaltflächentext an den Kontext Ihres Formulars an.
:-) Das war's! Ihr Dateiupload-Feld ist mit intelligenter Validierung und moderner Benutzerführung ausgestattet.
Anwendungen aus der realen Welt
Bewerbungen
* Lebenslauf/CV hochladen (PDF, DOCX)
* Anlagen zum Anschreiben
* Einreichung der Portfolio-Dateien
* Referenzdokumente hochladen
Fotoeinreichungen
* Wettbewerbsbeiträge (mehrere Bilder)
* Fotos aus der Immobilienanzeige
* Produktfotografie
* Eventfotos hochladen
Geschäftsdokumente
* Angebotsanfragedateien
* Vertragseinreichungen
* Rechnungs-Uploads
* Angebotsunterlagen
Fachwissen
* Abgabe der Aufgaben
* Transkript-Uploads
* Zertifikatsdokumente
* Einreichung der Projektdateien
Support-Tickets
* Screenshot-Anhänge
* Fehlerprotokolldateien
* Konfigurationsdateien
* Diagnosedokumente
Kreative Portfolios
* Einreichung der Designdateien
* Uploads des Videoportfolios
* Audiobeispiele
* Beispiele für kreative Arbeiten
Feldoptionen ausfüllen
Grundlegende Einstellung
- Feldbezeichnung – Der Titel, der über dem Dateiupload-Feld angezeigt wird.
- Beschreibung/Hilfetext – Zusätzliche Hinweise zu den Dateianforderungen
- Pflichtfeld – Datei-Upload obligatorisch machen
- Platzhalter – Nicht anwendbar für Datei-Uploads
Mehrere Dateien
Mehrere Dateien zulassen – Ermöglichen Sie Benutzern, mehr als eine Datei gleichzeitig hochzuladen
- Wenn mehrere Dateien aktiviert sind:
- Minimale Dateianzahl – Mindestanzahl der benötigten Dateien (z. B. 1)
- Maximale Anzahl an Dateien – Die maximale Anzahl an Dateien, die ein Benutzer hochladen kann (z. B. 10).
Erlaubte Dateitypen
Vorkonfigurierte Kategorien (beliebige Kombination auswählen):
- Bilder (jpg, png, gif)
- Dokumente (pdf, doc, txt)
- Tabellenkalkulationen (xls, csv)
- Präsentationen (ppt, pptx)
- Archivdateien (zip, rar)
- Audio (mp3, wav)
- Video (mp4, mov)
Bestimmte Dateierweiterungen
Geben Sie die benutzerdefinierten Dateitypen durch Kommas getrennt ein (z. B. `.jpg, .png, .pdf, .docx`).
Dateigrößenkontrolle
- Maximale Dateigröße – Maximale Größe jeder hochgeladenen Datei in Megabyte (MB)
- Geben Sie beispielsweise eine Zahl 5 für ein Limit von 5 MB ein.
- Für kein Limit leer lassen (verwendet den Serverstandard).
- Gilt pro Datei, nicht für die gesamte Uploadgröße
Benutzererfahrung
- Dateivorschau anzeigen – Miniaturansichten für Bilder und Symbole für andere Dateien anzeigen
- Drag & Drop aktivieren – Ermöglichen Sie Benutzern, Dateien direkt in das Formular zu ziehen.
- Text für die Upload-Schaltfläche – Schaltflächentext anpassen (Standard: „Datei auswählen“)
- Automatischer Upload bei Auswahl – Dateien werden sofort nach Auswahl hochgeladen (anstatt auf das Absenden des Formulars zu warten).
Bedingte Logik
- Bedingte Logik aktivieren – Ein-/Ausblenden basierend auf Bedingungen
- Logiktyp
- Alle Bedingungen müssen erfüllt sein (UND)
- Jede Bedingung kann erfüllt sein (ODER)
- Bedingungsregeln
- Anzeigen/Ausblenden – Zu ergreifende Maßnahmen
- Feld – Welches Feld soll geprüft werden?
- Operator – Gleich, Ungleich, Enthält, Größer als, Kleiner als, Ist leer, Ist nicht leer
- Wert – Vergleichswert
- Mehrere Bedingungen – Unbegrenzt viele Regeln hinzufügen
Erweiterte Optionen
- Verstecktes Feld – Feld unsichtbar machen (nicht empfohlen für Datei-Uploads)
- Benutzerdefinierte CSS-Klassen – Benutzerdefiniertes Styling anwenden
- Barrierefreiheitsattribute – ARIA-Bezeichnungen für Bildschirmlesegeräte
Warum sollten Sie sich für unser Datei-Upload-Feld entscheiden?
✅ Mehrere Dateien – Einzelne oder mehrere Uploads mit Mindest-/Maximaleinstellungen
✅ Intelligente Einschränkungen – 7 Dateikategorien plus benutzerdefinierte Erweiterungen
✅ Größenbeschränkungen – Maximale Dateigröße in MB festlegen
✅ Drag & Drop – Moderne Dateiauswahl
✅ Dateivorschau – Visuelle Bestätigung mit Miniaturansichten
✅ Sicher – Integrierte Validierung und WordPress-Sicherheit
✅ Automatischer Upload – Optionaler Sofort-Upload nach Auswahl
✅ Benutzerfreundlich – Klare Rückmeldungen und Fehlermeldungen
✅ Vollständig integriert – Funktioniert nahtlos mit allen Formularfunktionen
Häufig gestellte Fragen
F: Wie viele Dateien können Benutzer hochladen?
Standardmäßig wird nur eine Datei hochgeladen. Aktivieren Sie „Mehrere Dateien zulassen“, damit Benutzer mehrere Dateien hochladen können. Legen Sie Mindest- und Höchstgrenzen fest, z. B. 1 oder 10, um Massen-Uploads zu steuern.
F: Welche Dateitypen werden unterstützt?
Alle Dateitypen werden standardmäßig unterstützt. Verwenden Sie Kategorie-Kontrollkästchen (Bilder, Dokumente usw.) oder benutzerdefinierte Erweiterungen, um bestimmte Dateitypen Ihren Bedürfnissen entsprechend einzuschränken.
F: Wie kann ich die Dateigröße begrenzen?
Geben Sie im Feld „Maximale Dateigröße“ eine Zahl ein (z. B. 5 für 5 MB). Diese Beschränkung gilt pro Datei, nicht für die gesamte Upload-Größe. Lassen Sie das Feld leer, um die Serverstandardeinstellungen zu verwenden.
F: Worin besteht der Unterschied zwischen Kategorien und benutzerdefinierten Erweiterungen?
Kategorien sind vordefinierte Gruppen (Bilder = alle Bildtypen, Dokumente = pdf/doc/txt). Benutzerdefinierte Erweiterungen ermöglichen die Angabe exakter Formate wie .svg, .ai, .psd.
F: Wie funktioniert Drag & Drop?
Aktivieren Sie „Drag & Drop aktivieren“, damit Benutzer Dateien direkt von ihrem Desktop in den Upload-Bereich ziehen können. Die herkömmliche Schaltfläche „Datei auswählen“ funktioniert weiterhin.
F: Was sind Dateivorschauen?
Wenn die Option „Dateivorschau anzeigen“ aktiviert ist, sehen die Benutzer vor dem Absenden Bildminiaturen und Dateisymbole mit Namen und Größe für alle ausgewählten Dateien.
F: Was bewirkt der automatische Upload?
Wenn „Automatischer Upload bei Auswahl“ aktiviert ist, werden Dateien sofort nach der Auswahl hochgeladen, anstatt auf das Absenden des Formulars zu warten. Ideal für große Dateien.
F: Kann ich bestimmte Dateitypen vorschreiben?
Ja. Überprüfen Sie die Dateitypkategorien und/oder geben Sie benutzerdefinierte Erweiterungen ein. Aktivieren Sie anschließend „Pflichtfeld“, um den Dateiupload mit diesen Einschränkungen zu erzwingen.
F: Wie kann ich nur PDFs akzeptieren?
Aktivieren Sie die Kategorie „Dokumente“, wenn Sie alle Dokumenttypen einschließlich PDFs hochladen möchten, oder geben Sie .pdf unter „Spezifische Dateierweiterungen“ ein, um ausschließlich PDF-Dateien hochzuladen.
F: Was passiert, wenn eine Datei zu groß ist?
Den Nutzern wird sofort eine Fehlermeldung wie „Datei überschreitet die 5-MB-Grenze“ angezeigt. Sie müssen eine kleinere Datei auswählen, bevor sie das Formular absenden können.
Sind hochgeladene Dateien sicher?
Ja. Die Dateien werden auf Typ und Größe geprüft, mit den entsprechenden Berechtigungen im WordPress-Upload-Verzeichnis gespeichert und entsprechen den WordPress-Sicherheitsstandards.
F: Kann ich Bilder und Dokumente zusammen einreichen?
Ja. Bitte überprüfen Sie die Kategorien „Bilder“ und „Dokumente“. Benutzer können beliebige Kombinationen aus Bild- und Dokumentdateien hochladen.
