/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Visning af billede lokalt
Fra : Torben


Dato : 04-01-07 22:13

Hej

Jeg er stødt på et problem. Efter at IE version 6 er blevet til version 7
kan jeg ikke længere vise et billede på klienten, efter at klienten har
gennemset og fundet et billede han eller hun ønsker uploadet.

Med lidt javascript ændrede jeg indholdet i en td eller div til et image vis
src pegede direkte på billedet. Det virker tilsyneladende ikke mere!
Formålet var kun at give bruger et indtryk af størrelse etc. inden han
trykkede 'indlæs'.

Er det gjort fuldkommen umuligt eller skal jeg bare rette koden?

Torben
www.b-retning.dk



 
 
Tom (04-01-2007)
Kommentar
Fra : Tom


Dato : 04-01-07 23:27


"Torben" <peterH@mail.dk> wrote in message
news:459d6dc8$0$146$edfadb0f@dread11.news.tele.dk...
> Hej
>
> Jeg er stødt på et problem. Efter at IE version 6 er blevet til version 7
> kan jeg ikke længere vise et billede på klienten, efter at klienten har
> gennemset og fundet et billede han eller hun ønsker uploadet.

Jeg sidder netop og leder efter kode der kan klare den slags i IE 6.
Kan du poste koden herinde?

Tom



Torben (04-01-2007)
Kommentar
Fra : Torben


Dato : 04-01-07 23:47

Tom:
> Jeg sidder netop og leder efter kode der kan klare den slags i IE 6.
> Kan du poste koden herinde?

Html-delen er ligetil:

<form action="upload.html?s=image" method="post"
enctype="multipart/form-data">
<input type="file" onchange="tjekIndhold(this)" name="userimage"
accept="image/jpeg,image/gif,image/x-png" class="uploadImage">
<input type="submit" value="Indlæs">
</form>

javascripten som virker i v6 men ikke v7:

function tjekIndhold(tgt){
img = "<img id=\"demoImg\" src=\""+tgt.value+"\">";
document.getElementById('visImage').innerHTML = img;
width = document.getElementById('demoImg').width;
if(width>1000){
alert('Billedet er sandsynligvis for stort - reducer billedet i et
billedebehandlingsprogram og forsøg igen!');
}
}

Selve indlæsningen laver jeg med et serversite script - php

Torben
www.b-retning.dk



Marten Ølgaard (05-01-2007)
Kommentar
Fra : Marten Ølgaard


Dato : 05-01-07 19:13

Jeg laver noget tilsvarende som virker. Både i msie 6 og 7

Der er et par forskelle. Jeg omskriver ikke htmlen i et tag, men skifter kun
src for billedet ud med

window.document.getElementById("mitImgID").src = "nyUrl.jpg"

og så har jeg ikke noget doctype tag på siden - men det må du ikke sige til
andre, for så kommer Erik Grummerskov bare og skælder mig ud :)

/Marten



Erik Ginnerskov (05-01-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 05-01-07 21:46

Marten Ølgaard wrote:

> for så kommer Erik Grummerskov

Er jeg så grum, fordi jeg påpeger det uhensigtsmæssige i den slags forslag,
når nu folk konstant klager over at deres hjemmesider ser højest forskelligt
ud i forskellige browsere?

Jeg håber da, at flere andre bakker mit synspunkt op: Der skal altid sættes
komplet DocumentType inclusive url.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Jens Gyldenkærne Cla~ (05-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 05-01-07 00:52

Torben skrev:

> function tjekIndhold(tgt){
> img = "<img id=\"demoImg\" src=\""+tgt.value+"\">";

Så vidt jeg kan se er dit problem her. tgt.value vil være en lokal
sti, og den slags kan potentielt være en sikkerhedsrisiko at vise
på en webside.

Du kan prøve at lave en testfunktion der viser et prædefineret
billede med en lokal sti og se om det vil virke.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (06-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 06-01-07 23:40

Marten Ølgaard skrev:

> Jeg laver noget tilsvarende som virker. Både i msie 6 og 7

Er det noget du vil vise frem?

> window.document.getElementById("mitImgID").src = "nyUrl.jpg"

Er nyUrl.jpg så en lokal sti? (C:\.....jpg)


> og så har jeg ikke noget doctype tag på siden

Hvis du absolut vil arbejde i quirksmode, kan du bruge en doctype
der sætter quirksmod - typisk HTML 4.01 Transitional uden url.

Generelt er jeg helt enig med Erik, men quirksmode-doctype + en
validerende transitional-side er dog stadig en del bedre end en
side uden doctype.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Marten Ølgaard (08-01-2007)
Kommentar
Fra : Marten Ølgaard


Dato : 08-01-07 09:40


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:Xns98B0F0C72BD09jcdmfdk@gyrosmod.cybercity.dk...

> Er det noget du vil vise frem?

Nej det ligger ikke tilgængeligt.på nettet.

>> window.document.getElementById("mitImgID").src = "nyUrl.jpg"
>
> Er nyUrl.jpg så en lokal sti? (C:\.....jpg)

Det ovenstående er ikke helt korrekt. Jeg henter url-en fra file input, som
igen referere til en lokal fil.

> Hvis du absolut vil arbejde i quirksmode, kan du bruge en doctype
> der sætter quirksmod - typisk HTML 4.01 Transitional uden url.
>
> Generelt er jeg helt enig med Erik, men quirksmode-doctype + en
> validerende transitional-side er dog stadig en del bedre end en
> side uden doctype.

Jeg har sådan set ikke noget imod at bruge doctypes, men i det konkrete
tilfælde er der bare ikke angivet doctype. Om det gør nogen forskel ved jeg
ikke, men da det kunne gøre en forskel er det en relevant oplysning at få
med.

> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html



Jens Gyldenkærne Cla~ (08-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 08-01-07 10:16

Marten Ølgaard skrev:

>> Er det noget du vil vise frem?
>
> Nej det ligger ikke tilgængeligt.på nettet.

Det kunne det jo komme...


>>> window.document.getElementById("mitImgID").src = "nyUrl.jpg"
>>
>> Er nyUrl.jpg så en lokal sti? (C:\.....jpg)
>
> Det ovenstående er ikke helt korrekt. Jeg henter url-en fra
> file input, som igen referere til en lokal fil.

Det er stadig en lokal sti.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Marten Ølgaard (09-01-2007)
Kommentar
Fra : Marten Ølgaard


Dato : 09-01-07 09:48

Her er et eksempel. Nu med doctype :)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>

<body>
<form action="" method="post" enctype="multipart/form-data" name="form1">
<label for="file"></label>
<p>
<input type="file" name="file" id="file">
<script language="JavaScript" type="text/javascript">
document.getElementById("file").onchange = skift;

function skift(){
alert("billedet skifter nu")
document.getElementById("test").src = document.getElementById("file").value
}
</script>
</p>
<p><img src="comonto.gif" name="test" id="test"></p>
</form>
</body>
</html>



Thrane (09-01-2007)
Kommentar
Fra : Thrane


Dato : 09-01-07 10:26


> -----Original Message-----
> From: Marten Ølgaard [mailto:oelgaard@comonto[slet her].dk]
> Posted At: 9. januar 2007 09:48
> Posted To: dk.edb.internet.webdesign.clientside
> Conversation: Visning af billede lokalt
> Subject: Re: Visning af billede lokalt
>
> Her er et eksempel. Nu med doctype :)
>
> <SNIP> eksempel </SNIP>

Virker dette hos dig?
Der sker ingen billedskift hos mig...

/Thrane



Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 10:30

Marten Ølgaard skrev:

> Her er et eksempel. Nu med doctype :)

[snip]

Det fungerer nydeligt i IE7 (og formentlig også i tidligere IE-
udgaver) - men hverken i FF eller Opera.

Hvis andre vil teste, har jeg lagt Martens eksempel ud her:
<http://gyros.dk/usenet/temp/visfil.html>
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Thrane (09-01-2007)
Kommentar
Fra : Thrane


Dato : 09-01-07 10:35



> -----Original Message-----
> From: Jens Gyldenkærne Clausen [mailto:jens@gyros.invalid]
> Posted At: 9. januar 2007 10:30
> Posted To: dk.edb.internet.webdesign.clientside
> Conversation: Visning af billede lokalt
> Subject: Re: Visning af billede lokalt
>
> Det fungerer nydeligt i IE7 (og formentlig også i tidligere IE-
> udgaver) - men hverken i FF eller Opera.
>

Ikke i min IE7?

/Thrane


Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 10:46

Thrane skrev:

> Ikke i min IE7?

Mærkeligt. Hvilken udgave har du? (her 7.0.5730.11 på dansk)

Hvad sker der når du vælger et billede i fil-inputten? (får du fx
alert-beskeden "billedet skifter nu"?)

Hvad er dit sikkerhedsniveau på internetzonen? (her mellem-høj)
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Thrane (09-01-2007)
Kommentar
Fra : Thrane


Dato : 09-01-07 10:58



> -----Original Message-----
> From: Jens Gyldenkærne Clausen [mailto:jens@gyros.invalid]
> Posted At: 9. januar 2007 10:46
> Posted To: dk.edb.internet.webdesign.clientside
> Conversation: Visning af billede lokalt
> Subject: Re: Visning af billede lokalt
>
> Mærkeligt. Hvilken udgave har du? (her 7.0.5730.11 på dansk)

Samme som dig...

> Hvad sker der når du vælger et billede i fil-inputten? (får du fx
> alert-beskeden "billedet skifter nu"?)

Jeg får alert-beskedn og så sker der ikke mere.
Der er blot rødt kryds over det img der var der fra starten.

> Hvad er dit sikkerhedsniveau på internetzonen? (her mellem-høj)

Samme, mellem/høj...

/Thrane


Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 11:18

Thrane skrev:

> Jeg får alert-beskedn og så sker der ikke mere.
> Der er blot rødt kryds over det img der var der fra starten.

Det var også sådan IE7 på min hjemmemaskine opførte sig på
<http://gyros.dk/usenet/temp/onchange.html> - og når jeg nu tester
den side med IE7 her fra arbejdsmaskinen, virker den sør'me også!?

Meget mystisk!

Hvad har du under "Beskyttelse af personlige oplysninger"? (her
"mellem")
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Thrane (09-01-2007)
Kommentar
Fra : Thrane


Dato : 09-01-07 11:27



> -----Original Message-----
> From: Jens Gyldenkærne Clausen [mailto:jens@gyros.invalid]
> Posted At: 9. januar 2007 11:18
> Posted To: dk.edb.internet.webdesign.clientside
> Conversation: Visning af billede lokalt
> Subject: Re: Visning af billede lokalt
>
>
> Hvad har du under "Beskyttelse af personlige oplysninger"? (her
> "mellem")

Ligeledes Mellem...

Det er da meget mærkeligt det her.

/Thrane


Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 11:37

Thrane skrev:

> Ligeledes Mellem...
>
> Det er da meget mærkeligt det her.

Ja. Kan vi få nogle flere IE7-brugere (og måske nogle IE6-folk) til
at afprøve siderne (<http://gyros.dk/usenet/temp/visfil.html> og
evt. <http://gyros.dk/usenet/temp/onchange.html>)
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Erik Ginnerskov (09-01-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 09-01-07 22:09

Jens Gyldenkærne Clausen wrote:

> Ja. Kan vi få nogle flere IE7-brugere (og måske nogle IE6-folk)

Her IE6 på XP

> til
> at afprøve siderne (<http://gyros.dk/usenet/temp/visfil.html> og

En alert kommer umiddelbart før billedskift (efter nyt valg på listen).

I FF og Op kommer alert-boksen, men ikke noget billede.

> evt. <http://gyros.dk/usenet/temp/onchange.html>)

Billede skifter straks ved valg. Alert-boks med filnavn vises ved klik på
"Alert".

I FF og Op kommer ikke noget billede, men filnavn vises i alert-boksen.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Tom (09-01-2007)
Kommentar
Fra : Tom


Dato : 09-01-07 22:27


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns98B376216605jcdmfdk@gyrosmod.dtext.news.tele.dk...
> Thrane skrev:
>
>> Ligeledes Mellem...
>>
>> Det er da meget mærkeligt det her.
>
> Ja. Kan vi få nogle flere IE7-brugere (og måske nogle IE6-folk) til
> at afprøve siderne (<http://gyros.dk/usenet/temp/visfil.html> og

Virker perfekt!
IE 7 5730.11

IE 6 også perfekt.

Jamen så er mine problemer løst, udover at jeg ikke ved hvad der egentligt
er så særligt ved dette kontra de andre vi har set på



Tom (09-01-2007)
Kommentar
Fra : Tom


Dato : 09-01-07 22:44

> Jamen så er mine problemer løst, udover at jeg ikke ved hvad der egentligt
> er så særligt ved dette kontra de andre vi har set på


Aha!
Det særlige er at billedet ligger *inden* i formen.

<form name='f1'>
<input type="file" onchange='document.f1.test.src = this.value'>
<img src="comonto.gif" name="test">
</form>

Dette nedkogte virker perfekt i mine IE'er.




Erik Ginnerskov (09-01-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 09-01-07 23:30

Jens Gyldenkærne Clausen wrote:

> Ja. Kan vi få nogle flere IE7-brugere

Har netop opgraderet til IE7 (7.0.5730.11 dansk)

> at afprøve siderne (<http://gyros.dk/usenet/temp/visfil.html>

Opfører sig som FF og OP hos mig (nul billeder). I IE6 virker det stadig.

> evt. <http://gyros.dk/usenet/temp/onchange.html>)

Opfører sig som FF og OP hos mig (nul billeder). I IE6 virker det stadig.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 22:45

Tom skrev:

> Virker perfekt!
> IE 7 5730.11
>
> IE 6 også perfekt.
>
> Jamen så er mine problemer løst,

Hold lige hesten - nu har jeg igen tjekket på hjemmemaskinen, og
her virker skidtet stadig ikke. Det er præcis samme version -
eneste forskel jeg kan komme i tanke om er at det er XP Home her og
XP Pro på arbejdsmaskinen.


> udover at jeg ikke ved hvad der egentligt er så særligt ved dette
> kontra de andre vi har set på

Det er temmelig sikkert ikke et spørgsmål om forskellige koder -
men mere et spørgsmål om forskellige indstillinger på computeren
eller forskelle i installerede programmer/udvidelser.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 23:15

Tom skrev:

> Aha!
> Det særlige er at billedet ligger *inden* i formen.

Nope.

Det gør ingen forskel her - virker stadig lokalt men ikke online.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Tom (10-01-2007)
Kommentar
Fra : Tom


Dato : 10-01-07 01:38


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns98B3EC8F094D1jcdmfdk@gyrosmod.cybercity.dk...
> Tom skrev:
>
>> Aha!
>> Det særlige er at billedet ligger *inden* i formen.
>
> Nope.

Nå, flytter jeg billedet ud af form tagget får jeg en fejl, men det virker
fint inden i.

Testet på ekstern side.



Jens Gyldenkærne Cla~ (09-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-01-07 23:27

Jens Gyldenkærne Clausen skrev:

> Nope.
>
> Det gør ingen forskel her - virker stadig lokalt men ikke online.

Har lige fundet én forskel der tilsyneladende har betydning - hvis
billedet hentes fra et share virker det også her på
hjemmemaskinerne (jeg gætter på at de billeder jeg prøvede med da
det virkede på arbejde også lå på et netværksdrev, men jeg kan ikke
huske det).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Tom (10-01-2007)
Kommentar
Fra : Tom


Dato : 10-01-07 01:40

> Har lige fundet én forskel der tilsyneladende har betydning - hvis
> billedet hentes fra et share virker det også her på
> hjemmemaskinerne

Ah ja, når billedet ligger lokalt og ikke på min samba server virker det
heller ikke her

Suk.

Nå, den feature droppes nu permanent!



Jens Gyldenkærne Cla~ (10-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-01-07 08:50

Tom skrev:

>> Har lige fundet én forskel der tilsyneladende har betydning -
>> hvis billedet hentes fra et share virker det også her på
>> hjemmemaskinerne
>
> Ah ja, når billedet ligger lokalt og ikke på min samba server
> virker det heller ikke her

Endnu en lille spidsfindighed - bruger jeg IE-tab til Firefox på
arbejdsmaskinen, er der ingen problemer med at vise billeder fra C-
drevet - mens IE7 på samme maskine kun vil vise billeder fra
netværksdrev.

> Nå, den feature droppes nu permanent!

Det er forståeligt.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Jens Gyldenkærne Cla~ (10-01-2007)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-01-07 08:43

Tom skrev:

> Nå, flytter jeg billedet ud af form tagget får jeg en fejl,
> men det virker fint inden i.

Med den syntaks du anvender i eksemplet fra i går:

<form name='f1'>
<input type="file" onchange='document.f1.test.src = this.value'>
<img src="comonto.gif" name="test">
</form>

- er det ikke så mærkeligt, eftersom du henviser til billedet som
et element i formen

document.f1 => et element med name=f1 (her din form)
document.f1.test => elementet med name=test i elementet f1

Nogle af de andre eksempler henviser til billedet på andre måder -
her er det ikke nødvendigt at have billedet med som en del af
formen.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

Søg
Reklame
Statistik
Spørgsmål : 177553
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste