禁用按鈕單擊后單擊

Question

我正在使用進度條將大文件上傳到Amazon S3，正在顯示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');
    });