上传图片前的预览

上传图片前的预览
用asp.net控件:

<asp:FileUpload ID="fuPic" runat="server" /><br />
<asp:Image ID="img1" runat="server" AlternateText="图片" ImageAlign="AbsMiddle" ImageUrl="./css/img/no.png" />

.cs文件: 

protected void Page_Load(object sender, EventArgs e)
    ...{
            this.fuPic.Attributes.Add("onchange", "document.getElementById('" + this.img1.ClientID + "').src=document.getElementById('" + this.fuPic.ClientID + "').value");
        }

 

实际等于:

<input id="fuPic" type="file" onchange="img1.src = this.value" /><br />
<img id="img1" alt="图片" src="图片路径" />

 

不过发现在Opera9.24中不能预览,在IE6中正常.