| Autor | Zpráva | ||
|---|---|---|---|
| Hiborsik Profil * |
#1 · Zasláno: 3. 11. 2016, 17:18:57
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 |
#2 · Zasláno: 3. 11. 2016, 18:51:30
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. |
||
|
Časová prodleva: 7 let
|
|||
0