用Fileupload控件上传图片，如何显示所选图片？

Question

如题，在选择好图片后，让图片在页面显示（此时页面不刷新），起预览作用，确认后在点击按钮上传？

Answer 1

<script language="javascript">
<!--
              function picPreview()
              {
                document.getElementById("pic").src = document.getElementById("mypic").value;
                 
              }
//-->
</script><TD><INPUT class="blueButtonCss" id="priview" onclick="picPreview()" type="button" value="预   览"><asp:button id="btnAdd" runat="server" CssClass="blueButtonCss" Text="添 加" CausesValidation="False"></asp:button></TD>

Answer 2

画面放个<img>
用javascrip取到上传控件里的本地图片地址.然后.把img的src改成本地图片地址就ok了

Answer 3

谢谢2位。我的意思是在上传文件选择的textbox里出现文件路径后，图片立即在页面显示

Answer 4

<INPUT class="input" id="file" style="WIDTH: 400px" type="file" onpropertychange="document.getElementById('imgPhoto').src = this.value"
runat="server">