单击后禁用按钮单击答案

【问题标题】：Disable Button Click after clicking单击后禁用按钮单击
【发布时间】：2014-07-21 16:09:45
【问题描述】：

我正在使用进度条将大文件上传到 Amazon S3，我正在显示 Jquery 进度条，遵循 This 一切正常，但有两个问题如果在处理过程中用户选择另一个文件或多次单击上传按钮，进度条计数会增加我在按钮上传点击事件上禁用了 FileUpload 控件，但它没有禁用按钮上传控件

这就是我正在做的：

protected void btnupload_Click(object sender, EventArgs e)
{
  if (FileVideoUpload.HasFile)
  {
       FileVideoUpload.Enabled = false;
       btnupload.Enabled = false;
       System.Threading.Thread.Sleep(8000);
       //Upload File on Amazon S3
       lblmsg.Text = "Video uploaded Successfully";
       FileVideoUpload.Enabled = true;
       btnupload.Enabled = true;
  }
}

我也试过了，但按钮仍然没有禁用

protected void Page_Load(object sender, EventArgs e)
{
    btnupload.Attributes.Add("onclick", " this.disabled = true; " + ClientScript.GetPostBackEventReference(btnupload, null) + ";");
}

我也尝试在 JS 中禁用它。我想在处理时禁用这两个控件。

【问题讨论】：

标签： c# jquery asp.net

【解决方案1】：

用 Jquery 试试这个：-

$('#FormId').one('submit', function() {
$(this).find('input[type="submit"]').attr('disabled','disabled');
 // find input type submit button or any other buttons which u want //
});

【讨论】：

谢谢，在这段代码之后，进度条立即隐藏
请发布你的 jquery 代码你如何显示进度条???...因为我的 ans 应该可以正常工作..

【解决方案2】：

如果#btnupload 实际上是您想要被单击和禁用的按钮，请尝试此操作。我没听懂。

$('#btnupload').on('click',function(){
    $(this).prop('disabled',true);
});

稍后再次启用它：

$('#btnupload').prop('disabled',false);

【讨论】：

【解决方案3】：

您可以在点击事件时禁用它

 $('#btnupload').on('click',function(){
        $(this).prop('disabled','disabled');
    });

【讨论】：

谢谢，我试过了，但仍然没有禁用它:(
同样的问题，您能否建议在文件上传时进行一些实时处理？