[Javascript/IE7] Code werkt niet

Pagina: 1
Acties:

  • Zekas
  • Registratie: December 2002
  • Laatst online: 30-11 19:12
Ik probeer een heel simpele image previewer te maken. De volgende code werkt prefect in IE6, maar in IE7 wordt het plaatje niet weergegeven:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<script text="type/javascript">
    function changeUrl(sender)
    {

        var obj = document.getElementById("image1");
        obj.src = sender.value;

    }

    function setImage()
    {
        //document.images['image1'].src = "file://C:\test.jpg";
    }
</script>
</head>

<body onload="setImage();">

<form>
    <input type="file" onchange="changeUrl(this);">
    <br>
    <br>
    <img src="" name="image1" id="image1" width="200" height="300">
    <br>
    <table width="100" height="100">  
    <tr>
        <td id="lbl"></td>
    </tr>
    </table>
</form>
</body>
</html>


Ik heb al proberen te googlen naar de veranderingen mbt javascript in IE7, maar komt niet echt iets bruikbaars uit.

  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

Linken vanaf je eigen harde schijf werkt niet (goed) meer afaik. Probeer eens wat plaatjes met vanaf een website uit? Als dat wel werkt weet je waar het probleem zit. :)

[ Voor 18% gewijzigd door AtleX op 05-12-2006 14:24 ]

Sole survivor of the Chicxulub asteroid impact.


  • Zekas
  • Registratie: December 2002
  • Laatst online: 30-11 19:12
Vergeet bovenstaand code maar en kijk maar naar deze (overbodige troep eruit): :)


code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>

<head>
<script text="type/javascript">
    function changeUrl(sender)
    {

        var obj = document.getElementById("image1");
        obj.src = sender.value;

    }
</script>
</head>

<body>

<form>
    <input type="file" onchange="changeUrl(this);">
    <br>
    <img src="" name="image1" id="image1" width="200" height="300">
</form>
</body>
</html>


EDIT:
Met URL's werkt het inderdaad wel. Is hier iets aan te doen, een workaround of iets dergelijks? Want lokaal previewen is net de bedoeling :)

[ Voor 14% gewijzigd door Zekas op 05-12-2006 14:31 ]


Verwijderd

JavaScript:
1
obj.src = "file://" + sender.value;

  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

Zoals je in de startpost kan zien werkt dat dus niet. :)

Sole survivor of the Chicxulub asteroid impact.


Verwijderd

Die was uitgeremd. ;)

Als de pagina online staat dan werkt het niet, wegens beveiligingsredenen.

Voor Firefox, en zal ook wel gelden voor IE7: http://kb.mozillazine.org...to_local_pages_don't_work

  • Zekas
  • Registratie: December 2002
  • Laatst online: 30-11 19:12
Hmmm... Dat is erg vervelend, in IE6 was het wel nog moeglijk. Ook opvallend is dat het met stye.backgroundimage wel werkt (IE7 security leak?), maar dit is niet echt de bedoeling.

Is er dan wellicht een goede manier om een Browse window te maken die een image preview gedeelte heeft? (zoals veel applicaties dat hebben)
In onze omgeving maken we gebruik van ASP.NET en AJAX technologie.

  • XWB
  • Registratie: Januari 2002
  • Niet online

XWB

Devver
Met het lokaal adres werken?

HTML:
1
<img src="http://localhost/www/site/plaatje.jpg" alt="" />

March of the Eagles


  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

Moet er dus wel een webserver op je localhost draaien. ;)

Sole survivor of the Chicxulub asteroid impact.

Pagina: 1