无法使用UpdatePanel与FileUpload控件异步上载照片

本文关键字：控件 异步 上载 照片 FileUpload UpdatePanel | 更新日期: 2023-09-27 18:26:08

在我的ASP.NET Web表单应用程序中，我添加了一个上传文件的功能，但我不想进行完全回发。因此，为了使它异步化，我考虑使用UpdatePanel。此UpdatePanel包含一个FileUpload控件和一个用于上载所选照片的按钮。当我调试代码以检测文件是否真的被选中时，我发现FileUpload的HasFile属性为false。

当我删除UpdatePanel时，它可以工作，但我不明白为什么。

为了帮助您理解，以下是代码：

ASPX加价：

<asp:UpdatePanel ID="UPProf" runat="server">
<ContentTemplate>
<asp:FileUpload ID="FUDP" runat="server" />
<asp:Button ID="BUDP" runat="server" OnClick="BUDP_Click" Text="Upload your photo" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="BUDP" EventName="Click" />
</Triggers>
</asp:UpdatePanel>

这是它的CS代码：

protected void BUDP_Click(object sender, EventArgs e)
{
    try
    {
        if (FUDP.HasFile)  //  code doesn't pass this if condition
        {
            FUDP.SaveAs("D:/Pictures/" + count + ".jpeg");  //it doesn't work since there is no file here
        }
        else
        {
           //Set some message for user
        }
    }
    catch (Exception ex)
    {
        //log the error
    }
}

无法使用UpdatePanel与FileUpload控件异步上载照片

上传需要整页请求。这是所有AJAX框架中用于异步调用应用程序的XmlHttpRequest组件的限制。

删除UpdatePanel或使BUDP按钮以执行回发。

<asp:UpdatePanel ID="UPProf" runat="server">
   <ContentTemplate>
      <asp:FileUpload ID="FUDP" runat="server" />
      <asp:Button ID="BUDP" runat="server" OnClick="BUDP_Click" 
          Text="Upload your photo" />
   </ContentTemplate>
   <Triggers>
      <asp:PostBackTrigger ControlID="BUDP" />
   </Triggers>
</asp:UpdatePanel>
相关文章：