asp.net 点击File控件 如何实现选择图片立刻上传并预览？

Question

<!--预览显示上传的图片-->
<img id="preview" src="" alt="" title="" /><!-- 此File控件选择图片后立刻执行图片上传  -->
<input class="btncls" id="upload_file" type="file" size="1" name="upload_file" runat="server" /><!-- 点击图片弹出File控件的选择文件框，此图片控件盖住File控件，让File控件不显示在页面上 -->
<div class="hint_layer"><img src="../images/myoffice/btn_upload.gif" onclick="upload_file.click()" /></div>此效果如搜狐邮箱上传附件的效果，请问如何实现。

Answer 1

在btncls上添加onchange事件，onchange中写javascript，实现图片的显示，然后在upload_file.click（）中控制上传控件的隐藏，图片的显示

Answer 2

想拥有一个非常稳定、速度又快、全自助双线主机吗？
还在犹豫什么，互通数据是你最好的选择。
详情请访问：http://www.515dns.com 
QQ：287895593

Answer 3

To ericawangrong:javascript 怎么去上传图片？

Answer 4

<input class="btncls" id="upload_file" type="file" size="1" name="upload_file" runat="server" />把上面的空间，替换成下面的可以asp:FileUpload ID="upload_file" runat="server" Width="1"  CssClass="btncls" />

Answer 5

用ajax 并为点击上传事件写几个代码 
上传后，把上传的文件名和地址赋值给<img id="preview" src="" alt="" title="" />

Answer 6

在HTML代码中加上<input type=file onporpertychange="document.all.Img1.src=this.value;"/>

Answer 7

本地预览的话ie7后可以用滤镜来完成上传后再预览的话
在服务器端保存再修改预览的容器的src为图片的路径就可以了