Bild aus einem Input mit Javascript anzeigen?
Ich würde gerne, dass man eine Datei hochlädt und mit einem Button dann auf der Seite anzeigen lassen kann. Ich habe schon etwas rum probiert und es kommt immer nur " [object HTMLImageElement] " raus.
Mein Code ist dieser:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function anzeigen() {
let bild = new Image();
bild.src = document.getElementById("input");
document.getElementById("bild").innerHTML = bild;
}
</script>
</head>
<body>
<input type="file" accept="image/png, image/jpg" id="input">
<input type="button" onclick="anzeigen();">
<div id="bild">
</div>
</body>
</html>
Das hochladen von Dateien funktioniert perfekt. Nur wird das Bild nicht angezeigt.
(Bin Anfänger)
Danke für eure Hilfe^^
Computer,
Bilder,
HTML,
Webseite,
programmieren,
JavaScript,
Webentwicklung
