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í více obrázků před nahráním na server</title> <h1>Zobrazení více obrázků před nahráním na server</h1> <form> <input type='file' multiple onchange="zobrazit(this)" > </form> <div id="nahledy"></div>
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]) { for (var i = 0; i < input.files.length; i++) { nacist(input.files[i]); } } } var nahledy = document.getElementById("nahledy"); function nacist(soubor) { var reader = new FileReader(); reader.onload = function (e) { var obrazek = document.createElement("img"); obrazek.src = e.target.result; nahledy.appendChild(obrazek); }; reader.readAsDataURL(soubor); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>