Zum Inhalt springen
fend-ui
Vorschau

Dropzone

Dateien per Drag-and-drop oder Datei-Dialog übernehmen. Jede Datei wird einzeln gegen Typ, Größe und Anzahl geprüft; abgelehnte Dateien erscheinen mit konkretem Grund, nichts geht stillschweigend verloren. Die gesamte Fläche ist ein Button, damit Tastatur und Einzelzeiger dieselbe Funktion haben, und die Datei-Liste zeigt Fortschritt pro Datei mit Abbrechen, erneutem Versuch und Entfernen.

Dateien auswählen

Die ganze Fläche ist ein Button: Klick, Enter oder Leertaste öffnen den Datei-Dialog, Dateien lassen sich aber auch direkt darauf ablegen. Jede abgelehnte Datei nennt ihren Grund, gültige Dateien laufen anschließend durch den simulierten Upload.

Noch keine Dateien ausgewählt. Erlaubt sind Bilder und PDFs bis 2 MB, insgesamt bis zu drei Dateien.

Status der Datei-Liste

Warteschlange, laufender Upload mit Fortschrittsbalken, Erfolg und Fehler mit konkretem Grund. Größen formatiert die Liste über formatNumber in der Sprache des Providers.

  • quartalsbericht.pdf1,5 MB
    Hochgeladen
  • moodboard.png900 kB
    Wird hochgeladen
  • notizen.txt12 kB
    In Warteschlange
  • archiv.zip4,2 MB

    Die Datei ist größer als 2 MB.

    Fehler beim Hochladen

Deaktiviert

Im deaktivierten Zustand sind Klick, Tastatur und Drop gesperrt; die Fläche bleibt sichtbar und meldet ihren Zustand.