Autor Zpráva
Hiborsik
Profil *
Pro své potřeby si programuji nahrávátko obrázků na web s možnou úpravou, která by se uskutečnila na úrovni JS / HTML ještě před samotným uložením na server.

Moje představa je pomocí input - file nahrát náhled (obsah) obrázku na pozadí stránky do předpřipraveného "idéčka", napadá mne tento postup:

<input type="file" id="input" multiple="false" onchange="handleFiles(this.files)">
<img id="picture">

<script>

function handleFiles(files) {
    
   // ve files bude asi obsah toho obrázku? Jak ho nyní převedu do stránky do <img id="picture"> ?????

}

</script>
Dusann
Profil
Musíš použiť FileReader objekt a jeho metódu readAsDataURL(), kde ako argument použiješ položku z FileList objektu, ktorá predstavuje súbor (blob objekt). Výsledok z FileReader po aplikovaní readAsDataURL() použiješ potom ako hodnotu pre src atribút img tagu.

Neskôr ti môžem napísať aj konkrétny postup, momentálne musím ísť off.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: