在表單中上傳期間禁用按鈕？

Question

我有一個表單，在用戶可以上傳文件的末尾有一個按鈕。我希望當用戶點擊上傳按鈕直到上傳完成時，按鈕被禁用。這會很容易實現嗎？

Answer 1

我以前從來沒有嘗試過，但我覺得這個題目可能是有用的：jquery/JavaScript - Delay until upload complete

Answer 2

這個添加到按鈕。

onclick="this.disabled=true;" 

實施例：

<input type="submit" onclick="this.disabled=true;" /> 

Answer 3

你的解決方案有兩個部分。首先，您要禁用「上傳」按鈕。

<form ... onSubmit="document.getElementById('fileThing').disabled = true;"> 
... 
<input type="FILE" id="fileThing" size="40"> 
... 
</form> 

您可以將JavaScript部分添加到您可能在該塊中運行的任何其他JS（例如調用AJAX腳本）之前。

接下來，您需要將一些代碼放入啓用該按鈕的AJAX腳本中。確切位置會有所不同。我將假設您的AJAX腳本在接收到服務器的完整響應時調用一個名爲whenComplete的函數。添加下面一行到該功能，與其他任何後請求處理代碼一起：

document.getElementById('filething').disabled = false; 

你需要找出確切位置這條線需要走，因爲我們無法知道你的AJAX腳本是怎麼建立時沒有看到實施本身。