förhandsvisa bild i formulär

har ett litet javascriptproblem jag skulle behöva lite hjälp med :)
Det är så att jag ska göra en liten bilduppladdare i php och den vill jag komplettera med en liten förhandsvisning av bilden man valt innan man skickar formuläret.

Jag har gjort följande:

<input type="file" name="frontbild" class="file" style="width:290px;" onChange="document.preview.src=this.value">

<img src="../grafik/TRANSP.GIF" name="preview" width="100" height="53" border="1" id="preview">

när en fil är vald ska alltså bilden preview uppdateras och få sökvägen till den valda filen. Men det fungerar inte. nån som ser varför?

Tack på förhand

/r

<form name="form1">
<input type="file" name="file">
<input type="button" onClick="document.form1.bild.src=document.form1.file.value;" value="F&ouml;rhandsgranska">
<br>
<img name="bild" src="../grafik/TRANSP.GIF"  style="width:150px;">
</form>