webForumDet fria alternativet

Förhandsgranskning vid uppladdning av bild

JavaScript

1 svar · 169 visningar · startad av Gislaved

Medlem sedan nov. 20041 740 inlägg
Frågan#1

Jag har ett vanligt formulär där användaren ska ladda upp en bild. Jag har sett att det är möjligt att få en förhandsgranskning av bilden som ska laddas upp, och jag antar att det görs med javascript.

Finns det någon bra lösning som fungerar på de flesta moderna plattformar, eller är det browser-specifika varianter som gäller?

Medlem sedan nov. 20041 740 inlägg
#2

Jag underskattade tydligen mina färdigheter i Javascript.

    function forhandstitt(){
        bilden ='file://localhost/' + document.getElementById('bild').value;
        bilden=bilden.toLowerCase();
        document.getElementById('forhand').innerHTML = "<img src=" + bilden + " style=\"width:100px\">";
    }

<input type="file" name="bild" />
<div id="forhand">

</div>

Detta fungerar fint i Safari. Fungerar det även i IE på PC?

283 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
147 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
150 ms — ändringar (db)