|
| 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 |
| | |
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 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
| |
|
|