文件上传器防止按钮点击答案

【问题标题】：File Uploader preventing button clicks文件上传器防止按钮点击
【发布时间】：2017-11-28 22:58:21
【问题描述】：

我有一个奇怪的给你...

我在 ASP 页面上有两个控件 - 一个文件上传器和一个按钮。

<asp:Panel ID="pnlUploadData" runat="server">
    <asp:FileUpload ID="fuWizData" runat="server" AllowMultiple="false" />
    <br />
    <asp:LinkButton ID="lbUploadWizData" runat="server" OnClick="btnUpload_Click" EnableViewState="true" Text="Upload" />
</asp:Panel>
<asp:Panel ID="pnlDataUploaded" runat="server" Visible="false">
     Upload complete! Please continue to the next step.
</asp:Panel>

注意链接按钮的 OnClick="btnUpload_Click"。我在btnUpload_Click的第一行放了一个断点

protected void btnUpload_Click(object sender, EventArgs e)
{
    pnlDataUploaded.Visible = true; //Breakpoint here
    pnlUploadData.Visible = false;
}

如果我在没有选择上传器中的文件的情况下单击按钮，我会遇到断点，一切都很好。

如果我在文件上传器中选择了一个文件，然后单击按钮 - 没有任何反应。字面上没什么。不会发生回发。

我用谷歌搜索了一下，发现其他人也有这个问题（https://www.codeproject.com/Questions/284245/button-click-event-not-firing-with-file-upload-con 和 Event of button is not fired when i browse any file through fileupload control and upload it..connection time out error）

我尝试将<httpRuntime executionTimeout="999999" maxRequestLength="2097151" /> 添加到我的网络配置中，但没有成功。我的页面上也没有任何可能会影响它的验证器。我也尝试过使用 ASP Button 而不是 LinkButton，但它不起作用。我什至检查了页面上的 javascript 并且链接按钮的 onclick 是正确的，但是调用该方法并没有做任何事情（不知道为什么）。这是呈现的 HTML：

<a id="MainContent_lrtImportWizard_vtmImportWizard_vtImportData_lbUploadWizData" href='javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$MainContent$lrtImportWizard$vtmImportWizard$vtImportData$lbUploadWizData", "", true, "", "", false, true))'>Upload</a>

任何帮助都会很棒！或者任何甚至可以跟踪可能发生的事情的方法。

【问题讨论】：

标签： c# asp.net file-upload

【解决方案1】：

你应该设置 AutoPostBack="true"。

当您执行 Visible="false" 时，该属性只会在服务器端更改。但是您在客户端（在浏览器上）看到的是 html 的影响。您需要将该信息更新给客户。 AutoPostBack="true" 将导致任何服务器端更改仅应用于控件。

此外，您可以使用 java 脚本来立即隐藏和取消隐藏您的控件，因为 javascript 是在客户端运行的。

【讨论】：