如何实现asp:FileUpload控件选择图片文件后,就立即在页面显示出该图片？路径可为本地的

Question

如何实现asp:FileUpload控件选择图片文件后,就立即在页面显示出该图片？路径可为本地的麻烦发一个完整的示例 <asp:FileUpload ID="fileupTuPian" runat="server" /><br/>
 <asp:Image runat="server" id="imageYuLan"></asp:Image>现在我有这2个控件该怎么弄`或者有什么其他办法``麻烦给示例

Answer 1

用javascript控制，直接指向本地图片路径即可，别想复杂了~

Answer 2

function XianShiTu()
{
    var dizhi=document.getElementById("ictl00_ContentPlaceHolder1_DengJiGuanLi1_grid_ctl03_fileupTuPian").value;
    document.getElementById("imageyulan").src=dizhi;
}我这样要出错``请问怎么弄

Answer 3

document.getElementById('<% =imageYuLan.ClientID %>').src = document.getElementById('<% =fileupTuPian.ClientID %>').value;

Answer 4

图片：<img id="img" name="img" src="" alt="图片" />
<asp:FileUpload ID="FuImg" runat="server" onpropertychange="javascript:this.value!=''? img.src=this.value:'';" />接分!

Answer 5

我也遇到过，我解决办法是不用<asp:fileupload>,而用html的<file>组件，然后做为服务器控件运行，再在源码里加入onchange事件。就可以实现了...