上传失败一次，然后就可以正常了

Question

我正在开发 ASP.Net 自定义控件。在我的控件中，我有一个 FileUpload 控件，位于 MultiView 内，位于 AJAX UpdatePanel 内。

我已将提交按钮添加到更新面板的回发触发器中。 （这是让 FileUpload 在 UpdatePanel 中工作的标准修复）。

第一次提交时，FileUpload 不会上传任何内容（即控件的 FileBytes 属性的长度为零）。表单上的其他所有内容均已正确提交。

在第二次及后续提交时，上传工作正常。

什么可能导致此问题？如何解决？

---

例如：

<asp:UpdatePanel runat="server" ID="update_panel" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:MultiView runat="server" ID="mvMultiView" ActiveViewIndex="0">
            <asp:View runat="server" ID="viewOne">
                <!-- content -->
            </asp:View>
            <asp:View runat="server" ID="viewTwo">
                <!-- some other form elements -->
                <asp:FileUpload ID="file_upload" runat="server" />
                <asp:Button ID="save_button" runat="server" Text="Save" OnClick="save_Click" ValidationGroup="group" />
            </asp:View>
         </asp:MultiView>
    </ContentTemplate>
    <Triggers>
        <asp:PostBackTrigger ControlID="save_button" />
    </Triggers>
</ajax:UpdatePanel>

Answer 1

事实证明，这是由部分页面更新期间呈现的 FileUpload 控件引起的。要正确提交，需要使用完整回发来呈现和提交 FileUpload 控件。由于第一次表单提交导致了完整的回发，因此第二次上传开始按预期进行。

解决方案：
添加两个显示文件上传控件并将其提交到更新面板回发触发器的按钮。

例如：

   <Triggers>
      <asp:PostBackTrigger ControlID="btnShowUploadForm" />
      <asp:PostBackTrigger ControlID="btnUpload" />
   </Triggers>                            

Answer 2

我尝试在页面加载事件中添加下面的行，它第一次和随后的时间都有效。

Page.Form.Enctype = “多部分/表单数据”;

在源中显式指定表单标记将不起作用。

Answer 3

我的代码几乎与您的代码相同，工作正常，除了我的 UpdateMode=Conditional：

  <asp:UpdatePanel ID="upUpload" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
    <asp:RadioButton ID="rbImage" GroupName="resourceupload" Checked="true" Text="image" runat="server" />
    <asp:RadioButton ID="rbPdf" GroupName="resourceupload" Text="pdf" runat="server" />
     <asp:FileUpload ID="FileUpload1" runat="server"  Width="175"/>
    <asp:Button ID="btnUpload" runat="server" CausesValidation="false"
    Text="Upload" OnClick="btnUpload_Click" />
    <asp:Label ID="lblMsg" Visible="false" runat="server" Text=""></asp:Label>

    </ContentTemplate> 
    <Triggers>
      <asp:PostBackTrigger ControlID="btnUpload" />
      </Triggers>                            
   </asp:UpdatePanel>

Answer 4

FileUpload 控件是 UpdatePanel 不支持的控件之一。

不过还有其他几个库可以进行 AJAX 上传。 Telerik 有一个不错的，我以前用过，但它不是免费的。虽然有一些不错的免费软件，但您必须尝试一些。每种都有其优点和缺点。

Answer 5

同时添加 btnShowUploadForm 的解决方案将否定更新面板的目的。您还可以从更新面板中删除数据访问控制（文件上传控件所在的位置）。更新面板的重点是 btnShowUploadForm 和取消按钮（取消上传，如果有的话），至少引起异步回发以获得更好的用户体验。