Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Zobrazení obrázku před nahráním na server</title> <h1>Zobrazení obrázku před nahráním na server</h1> <form> <input type='file' onchange="zobrazit(this)" > </form> <img style="display: none" id="obrazek">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function zobrazit(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { var obrazek = document.getElementById("obrazek"); obrazek.src = e.target.result; obrazek.style.display = "block"; }; reader.readAsDataURL(input.files[0]); } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>