如何使用 Ajax 更新面板？答案

【问题标题】：How to use Ajax Update Panel?如何使用 Ajax 更新面板？
【发布时间】：2014-01-05 05:54:08
【问题描述】：

我使用 UpdatePanel 来防止在单击按钮时重新加载所有页面。但是当我使用它时，上传文件不起作用并且填充了空值。当我删除更新面板时，它运行良好。那么我该如何解决这个问题呢？

<asp:UpdatePanel ID="UPAddPost" runat="server">
            <ContentTemplate>
                <fieldset style="width: 498px; text-align: right; padding: 5px; direction: rtl;">
                    <legend>GO</legend>
                    <div class="add-post">
                        <textarea class="textarea" name="" cols="3" rows="3" runat="server" id="txpost"></textarea>
                        <asp:RequiredFieldValidator ID="RVAddPost" runat="server" ForeColor="Red" ErrorMessage="*"
                            ControlToValidate="txpost" ValidationGroup="AddUserPost">*</asp:RequiredFieldValidator>
                    </div>
                    <div class="add-post-control">
                        <div class="post">
                            <asp:Button Text="go" runat="server" ID="btAddPost" OnClick="btAddPost_Click" ValidationGroup="AddUserPost" />
                        </div>
                        <div class="fileUpload btn btn-primary">
                            <div class="fileUpload btn btn-primary">
                                <span>
                                    <img src="res/images/img.png" width="38"  height="27" /></span>
                                <input type="file" runat="server" class="upload" id="FUFile" />
                            </div>
                        </div>
                    </div>
                </fieldset>
            </ContentTemplate>


<Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btAddPost" EventName="Click" />
                            </Triggers>
        </asp:UpdatePanel>

【问题讨论】：

标签： jquery asp.net ajax

【解决方案1】：

由于浏览器的限制 (see this SO answer)，这将永远无法工作。您必须使用 AJAXControlToolkit AjaxFileUpload 控件来处理此问题。您还可以使用 uploadify 或其他几个实用程序（在 Telerik 等产品中有此控件）

【讨论】：