2014-02-16 74 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。然後,它開始工作。你可能想檢查你是否犯了同樣的錯誤。