我正在使用带有 jquery 包装器的 FineUploader v3.8 UI。这是在文件上传时对我有用的解决方案(禁用按钮)。
您在下面看到的是 2 个链式处理程序,即“提交”和“完成”处理程序。“提交”处理程序使用(先前声明的)fileToUpload 变量计算上传。此处列出的 jQuery 然后根据其类型(按钮、提交、重置)禁用按钮。
“完成”处理程序计算使用(先前声明的)uploadFileCounter 变量完成的文件。如果uploadedFileCounter 等于fileToUpload,那么我知道所有排队的文件都已完成,并且可以再次激活按钮(.removeAttr)。
.on('submitted', function(event, id, filename) {
filesToUpload++;
$(':input[type=button], :input[type=submit], :input[type=reset]').attr('disabled', 'disabled');
}).on('complete', function(event, id, fileName, responseJSON) {
uploadedFileCounter++;
if (filesToUpload == uploadedFileCounter)
{
uploadedFileCounter = 0;
$(':input[type=button], :input[type=submit], :input[type=reset]').removeAttr('disabled');
}
})
希望这可以帮助!