javascript - 在 FileUpload 组件中选择文件时在页面上启用按钮

Question

我FileUpload在我的 ASP.NET 4.0 页面上使用了一个组件，并且我还有一个按钮来开始实际上传文件。

现在，如果我可以Upload禁用该按钮，直到在FileUpload控件中选择了一个有效文件，那就太好了——但我似乎找不到任何方法来做到这一点。

我不是客户端脚本专家 - 但我想知道是否可以连接一些 Javascript“巫毒”来检测FileUpload组件中已选择文件，然后启用Upload页面上的按钮。

有人已经这样做了吗？如果是这样：你到底是怎么做到的？我被难住了，只见树木不见森林……

Answer 1

FileUpload 具有value您可以使用的属性...

function ValidateUpload()
{
  var fuData = document.getElementById('fuUploadControl');

  if (fuData.value == '')
  {
       return false;
  }
  else
  {
       document.getElementById('btnSubmit').style.display = "";
  }
  return true;

}

我从CustomValidator运行这个函数（用于验证我的 FileUpload 控件）...
如果验证成功（例如选择了一个文件），按钮将显示（默认情况下它开始不可见）

ASP 代码：

<asp:FileUpload ID="fuUploadControl" runat="server" />
<asp:Button ID="btnSubmit" runat="server" Text="Upload" 
            OnClick="btnSubmit_Click" Style="display: none;" />
<asp:CustomValidator ID="CustomValidator1" runat="server"   
                     ControlToValidate="fuUploadControl"
                     ClientValidationFunction="ValidateUpload" />