Js-上传图片时，产生预览

上传图片时，产生预览。
　　<tr bgcolor="#f5f5f5">
     <td height="30" align="center" valign="middle">图片链接</td>
     <td height="35" align="center" valign="middle">
 <input type="file" name="uploadfile1" runat="server" id="uploadfile1" onpropertychange="document.all.imgID.src='file:///'+this.value"> &nbsp;
     </td>
    </tr>
    <tr bgcolor="#f5f5f5">
     <td height="70" align="center" valign="middle">缩略图</td>
     <td height="70" align="center" valign="middle">
 <img id="imgID" width="82" height="65" border="0" >&nbsp;
     </td>
    </tr>

上面是从网上找的代码：
疑问：onpropertychange="document.all.imgID.src='file:///'+this.value"
onpropertychange——不知道它的用法。
document.all.imgID.src——为什么这样，而不是document.getElementById("imgH").src。
file:///——不知道还可以这样用，为什么这样用。

我试着修改了一下，下面也行：
<script>
//首先隐藏图片控件ImgH，上传时显示图片。
window.onload = function HidenImg(){document.getElementById("imgH").style.display="none"};//隐藏图片控件
function ViewImg()
{
 if(document.getElementById("imgH").style.display=="none")
 {
 document.getElementById("imgH").style.display="";//显示图片
 }
 document.getElementById("imgH").src=document.getElementById("File").value;
 //document.all.imgH.src="File:///"+document.getElementById("File").value;
 //document.all.imgH.src='file:///'+this.value";
 //window.onload = function HidenImg(){document.getElementById("imgH").style.display=""};
}
</script>

<input class="box" id="File" contentEditable="false" type="file" name="File_up" runat="server"
       enableviewstate="false" onpropertychange="ViewImg()">
<IMG alt="图片" title="图片" src="" id="imgH"  height="140" width="140">