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 
    } 
})