Avatar billede danm Nybegynder
18. juni 2008 - 15:33 Der er 6 kommentarer og
1 løsning

Hente billede fra PC ogf vise i celle

Hey

Jeg vil lige finde ud af om dette er muligt i javascript...

Jeg er ved at lave en side hvor man kan lave en grafisk opstilling af nogle ting. Og en af funktionerne er så at man kan vælge et billede fra sin computer (via file field objektet) og denne skal så vises i en celle i tabellen.

Umiddelbart ville jeg skrive dette som:

function vis_billede(){
document.getElementById('bannercelle').innerHTML = "<img src='" + document.getElementById('imgupload').value + "' width='250' height='44' />";
}

Og køre denne funktion når brugeren vælger en fil. Men det ser ud til at jeg kun får filnavnet og ikke hele stien ud fra ('imgupload').value.

Er der nogen der kender en metode til dette. Ideen var at slippe for at lave et postback hvor billedet uploades til serveren for herefter at vise det..
Avatar billede roenving Novice
18. juni 2008 - 15:54 #1
Tjah, du har nok ramt en sikkerhedsmæssig begrænsning !-)
Avatar billede danm Nybegynder
18. juni 2008 - 16:10 #2
tja.. tænkte nok det var et eller andet i den stil.. )o= Så må det jo blive med postback...
Avatar billede showsource Seniormester
18. juni 2008 - 20:10 #3
Man kan nu godt med IE. Ikke testet med IE 7
Har noget liggende som bruges ved en upload formular.
Avatar billede showsource Seniormester
18. juni 2008 - 20:11 #4
Avatar billede olebole Juniormester
18. juni 2008 - 20:33 #5
<ole>

Det virker også fint i IE7, men FF vil naturligvis have file-protokollen med:
    "file:\\\\" + document.getElementById('imgupload').value

Men innerHTML er invalid og uhensigtsmæssig - og giver _absolut_ ingen mening i forbindelse med XHTML. Derfor var det måske en idé at bruge kode fra dette årtusinde:

function vis_billede(){
    var o = document.createElement("img");
    document.getElementById('bannercelle').appendChild(o);
    var css = o.style;
    css.width = "250px";
    css.height = "44px";
    o.setAttribute("src", "file:\\\\" + document.getElementById('imgupload').value);
}

/mvh
</bole>
Avatar billede danm Nybegynder
23. juli 2008 - 21:33 #6
Takker for responsen. Beklager det sene svar. Ole & ss smid endelig et svar
Avatar billede olebole Juniormester
23. juli 2008 - 23:14 #7
*griiiiiiiiiiiiiiiiiib*
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester