上传图片前的预览

上传图片前的预览
用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中正常.