Datei hochladen

Inhaltsverzeichnis

Hauptkapitel
Designsystem
Unterkapitel
Muster (Patterns)
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung und Verhalten

Der Upload erlaubt es Nutzenden, Dateien zu übermitteln. Der Upload ist Teil eines Formulars oder eine Applikation.

Der Upload besteht initial aus:

  • Titel
  • Beschreibungstext
  • Box zum Hochladen. Diese enthält:
    • Beschreibungstext zu Drag & Drop und den zulässigen Dateiformaten.
    • Button «Datei auswählen».
    • Button «Dokument fotografieren» (optional, benötigt eine eigene Umsetzung).

Haben Nutzende eine Datei ausgewählt, so wird unter der Box folgendes angezeigt:

  • Für bereits vollständig hochgeladene Dateien:
    • Name der Datei
    • Dateityp und Grösse
    • Löschen-Icon
  • Für noch nicht vollständig hochgeladene Dateien:
    • Name der Datei inkl. Dateityp
    • Ladebalken mit Prozentanzeige
    • Abbrechen-Icon

Verwendung

Wir nutzen das Element in Formularen, um Nutzenden die Möglichkeit zu bieten, eine Datei (bspw. eine Kopie des Ausweises) mitzusenden. Es können einzelne Dateien oder mehrere hochgeladen werden.

Code

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch