2014-02-16 42 views
5

我有一个文件上传控制,它在更新面板内。 我想在上传完成后显示图像。下面 是我的html代码如何在asp.net中上传后显示图像fileupload

<form id="form1" runat="server"> 
    <br /> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <br /> 
    <div> 
     <br /> 
     <table width="50%" cellpadding="2" cellspacing="0"> 
      <br /> 
      <tr> 
       <br /> 
       <td> 
        <br /> 
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional"> 
         <ContentTemplate> 
          <br /> 
          <asp:FileUpload ID="FileUpload1" runat="server" /><br /> 
          <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" /><br /> 
         </ContentTemplate> 
         <Triggers> <asp:PostBackTrigger ControlID="btnUpload" /> </Triggers> 
        </asp:UpdatePanel> 
        <br /> 
         <asp:Image ID="imgViewFile" runat="server" /> 
       </td> 
      </tr> 
     </table> 
     <br /> 
    </div> 
    <br /> 
</form> 

下面是mycode的

protected void btnUpload_Click(object sender, EventArgs e) 
{ 
    if (FileUpload1.HasFile) 
    { 
     FileUpload1.SaveAs(MapPath("~/TEST/" + FileUpload1.FileName)); 
     imgViewFile.ImageUrl = Server.MapPath("~/TEST/" + FileUpload1.FileName); 
    }  
} 

但图像没有显示上传后的文件。 任何人都可以帮助我解决这个问题..?

回答

5

集路径

imgViewFile.ImageUrl = "~/TEST/" + FileUpload1.FileName; 

和ASLO把你的图像更新面板内

 <br /> 
    <asp:Image ID="imgViewFile" runat="server" /> 
</asp:UpdatePanel> 
1

我有这个问题也&我做了什么Damith建议,但它没有工作,直到在我自己的情况下,我注意到我在Trigger中使用了AsyncnPostBackTrigger,而不是PostBackTrigger。然后,它开始工作。你可能想检查你是否犯了同样的错误。