Question

我正在使用Progress Bar将大文件上传到Amazon S3，我正在This显示Jquery进度条每件事情都很好，但有两个问题如果在处理期间用户选择另一个文件或多次单击上载按钮，则进度条计数会增加我已经在按钮上传点击事件中禁用了FileUpload Control，但它没有禁用按钮上传控件

这就是我的表现：

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中禁用它。我想在处理时禁用这两个控件。

Answer 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 //
});

Answer 2

如果#btnupload实际上是您想要点击和禁用的按钮，请尝试此操作。我没那么安静。

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

以及稍后再次启用它：

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

Answer 3

您可以在点击事件

上停用它

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

禁用按钮单击后单击

3 个答案: