Can you work this out ??

habbardone

Does anyone know a GOOD javascript forum ?

I am having dificulty with the following:

The code displays the picture that is selected before the upload button is
pressed - so you are sure which picture you have selected.
Very useful!

the problem is that works nicely in my Mozilla browser
but not in IE.

How do I get it to work in IE ?? what is the code that IE doesnt like ?

Thanks for youir help.


<script language="JavaScript" type="text/javascript">
<!--
function changeSrc1(who){
img=who.replace(who.substring(0,1),'file:///'+who.substring(0,1));//add 'file:///' before the drive letter
img=img.replace(/\\/g,'/');//replace all backslashes with forward slashes
document.getElementById('preView1').src=img;
} // end of function
-->
</script>

</head>
<body>

<div style='position:absolute; left:20px; top:60px'>
<form enctype ="multipart/form-data" action="upload.php" method="POST">
<input type="hidden" name ="MAX FILE SIZE" value="500000">
<table width="400px" border="0" cellspacing="0" cellpadding="1">
<tr>
<td>Picture file path: </td>
<td>
<input type="file" id="x_pix1" size="50" onchange="changeSrc1(this.value)"
name="pix1" value = "<?php echo $x_pix1 ?>">
</td></tr>

<tr><td>
<input type="submit" name="upload" value="Upload Picture">
</td></tr>
</table>
</form>
</div>

<div id='PreView1' style='position:absolute; left:30px; top:200px' >
<img id="preView1" width="120" height="120" />
<br>
- - - Picture 1 - - -
</div>

Many thanks for any help = I am a bit desperate
😕

planetsim

Well are you getting any errors in IE, I havent done this before however the file:/// shouldnt really be working Moz (if online)

<script language="JavaScript" type="text/javascript">
<!--
function changeSrc1(who){
img=who.replace(who.substring(0,1),'file:///'+who.substring(0,1));//add 'file:///' before the drive letter
img=img.replace(/\\/g,'/');//replace all backslashes with forward slashes
document.getElementById('preView1').src=img;
} // end of function
-->
</script>

</head>
<body>

<div style='position:absolute; left:20px; top:60px'>
<form enctype ="multipart/form-data" action="upload.php" method="POST">
<input type="hidden" name ="MAX FILE SIZE" value="500000">
<table width="400px" border="0" cellspacing="0" cellpadding="1">
<tr>
<td>Picture file path: </td>
<td>
<input type="file" id="x_pix1" size="50" onchange="changeSrc1(this.value)"
name="pix1" value = "<?php echo $x_pix1 ?>">
</td></tr>

<tr><td>
<input type="submit" name="upload" value="Upload Picture">
</td></tr>
</table>
</form>
</div>

<div id='PreView1' style='position:absolute; left:30px; top:200px' >
<img id="preView1" width="120" height="120" />
<br>
- - - Picture 1 - - -
</div>

Also like I said it shouldnt be working in Moz/FF browsers tried it in localhost and getting file:/// security errors on that.

Kudose

I tried it with FireFox and it wont preload the image, although if I right click and select view image, the picture I selected show in the new browser.

Just my observation.

GirishR

may be this will help

http://www.forum4designers.com/archive22-2004-2-51101.html

http://www.rhul.ac.uk/resources/ASP/PStruh-CZ/Upload-Preview.ASP

GirishR

the second link the above post show a code that works well in IE but not in FF and opera. May be u can check the browser type and execute the scripts accordingly. Please post the script once you have done it correctly it will be help full for others.

ElectricRain

Off the top of ma head,
Javascript City
The Javascript Source
Dynamic Drive

There are hundereds of Jscript freesites around but those seem to be some of the biggest/ best.