Hallo Zusammen,
ich versuche in einem div, dynamisch Bilder anzuzeigen. Nur leider ist es so, dass die Bilder kurz erscheinen und dann wieder verschwinden.
Ich habe auch den css-Code überarbeitet und den div aug height:auto, width: auto gestellt. Leider will es trotzdem nicht funktionieren. Habe ich vielleicht im javascript code, irgendwelche fehler?
JS
Code
- var loadFile = function(event) {
- var reader = new FileReader();
- var output2 = document.getElementById('myImage');
- reader.onload = function(){
- var output = document.getElementById('output');
- output.src = reader.result;
- output.style.height = "100px";
- output.style.width = "auto";
- document.getElementById('i').onclick = () => { //id = i, ist ein Button zum Hochladen
- myFunction();
- }
- function myFunction(){
- output2.innerHTML += '<img src="' + reader.result + '">';
- };
- };
- reader.readAsDataURL(event.target.files[0]);
- };
css
würde mich auf vorschläge freuen