File Upload HTML

Uploads brauchen Regeln davor und Status danach.

Nutzen Sie ein sichtbares label und ein natives <input type="file">. Nennen Sie Typ, Anzahl und Größe vorab, verbinden Sie den Hinweis mit aria-describedby und melden Sie das Ergebnis als Textstatus. Drag-and-drop bleibt Zusatz.

Upload-Vertrag

Ein Feld. Drei Verpflichtungen.

Vorher

Anforderungen

  • PDF
  • 1 Datei
  • max. 10 MB
aria-describedby

Aktion

Native Auswahl

Lokale Demo: Die Datei wird nicht übertragen.
type="file"

Danach

Textstatus

Datei auswählen. Die Vorprüfung startet lokal.

role="status"

accept filtert nur den Dateidialog. Der Server prüft Typ, Inhalt und Größe erneut.

Der Check findet fehlende Labels und technische Formularfehler. Inhalt, Größe und Uploadstatus brauchen zusätzlich einen Ablauftest.

Upload-Feld meiner Website prüfen