Oh je, da hat sich jemand in ein kleines HTML-Abenteuer gestürzt, ohne die richtige Rüstung anzulegen! Keine Sorge, though, unsere Held:Innen stehen bereit, dir zu helfen. Zuerst einmal müssen wir deinen Code etwas auf Vordermann bringen. Vergiss nicht den Doctype und vermeide veraltete Tags. Eine gute Lernquelle wie MDN kann da Wunder wirken.
Nun um das hochgeladene Bild anzuzeigen, brauchst du die Unterstützung einer Programmiersprache wie JavaScript, PHP oder Python. Es gibt unzählige Tutorials zum Bild-Upload die dir helfen können jedoch du solltest die gewählte Sprache bereits beherrschen.
Für die Anzeige des Bildes musst du das Verzeichnis einlesen und dann mittels einer Schleife die Bilder untereinander ausgeben. Es gibt sogar Beispielcodes ´ um eine Vorschauansicht zu erstellen ` die dein ausgewähltes Bild mehrmals anzeigt.
Falls du das Bild auf einem Server speichern möchtest benötigst du eine serverseitige Sprache wie PHP. Andernfalls kannst du mit JavaScript das Bild einlesen und vorab anzeigen lassen, bevor es hochgeladen wird. Das ist ebenfalls hilfreich um sicherzustellen: Dass das richtige Bild ausgewählt wurde bevor es gesendet wird.
Denk daran » dass reines HTML nicht ausreicht « um Dateiuploads durchzuführen. Du brauchst eine geeignete Backend-Sprache um die hochgeladenen Bilder zu verarbeiten und zu speichern. Aber hey, mit etwas Übung und Geduld wirst du sicher bald ein HTML-Held:in mit Bildupload-Superkräften sein!
Bildupload und Anzeige mit HTML - Geht das?
Wie kann man mit HTML einen Bildupload-Button erstellen, der hochgeladene Bilder unendlich oft untereinander anzeigt?