Jquery Blueimp文件上傳回調

Question

我有一個簡單的圖片上傳程序，用戶需要上傳大圖片。我使用Blueimp文件上傳器上傳圖片。我還爲用戶提供了幾個輸入字段以填充圖片的元數據（即標題，作者等）。

想法是，一旦填好表格並上傳圖片，用戶就會按下一個單獨的提交按鈕。但是，如果用戶在圖片上傳之前按下該按鈕，則會導致錯誤。我想禁用表單提交按鈕，直到圖片上傳並且進度條完成。

$('#submit_main').attr('disabled', 'disabled'); 

應該是起步階段，然後用東西能像

$('#submit_main').removeAttr('disabled'); 

我該怎麼做回調後的所有文件上傳。

Answer 1

$('#submit_main').attr('disabled', 'disabled'); 
$('#fileupload').bind('fileuploaddone', function (e, data) { 
    $('#submit_main').removeAttr('disabled'); 
}); 

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

Answer 2

其實fileuploaddone事件觸發每個文件上傳時。所以，如果您選擇了多個文件進行上傳，您將在第一個文件完成後提前提交提交，而不是最後一個文件。 更好的方法是使用fileuploadprogressall事件。

$('#myform').fileupload() 
.bind('fileuploadstart', function(){ 
    // disable submit 
}) 
.bind('fileuploadprogressall', function (e, data) { 
    if (data.loaded == data.total){ 
     // all files have finished uploading, re-enable submit 
    } 
})