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^^