Jquery Blueimp 文件上传回调

Posted 2023-05-07

【中文标题】Jquery Blueimp 文件上传回调

【英文标题】：Jquery Blueimp File-Upload callback

【发布时间】：2013-04-29 00:35:52

【问题描述】：

我有一个简单的图片上传程序，用户需要上传大图片。我正在使用 Blueimp 文件上传器上传图片。我还提供了一些输入字段供用户填写图片的元数据（即标题、作者等）。

想法是用户在填写完表单并上传图片后按下单独的提交按钮。但是，如果用户在上传图片之前按下按钮，则会导致错误。我想禁用表单提交按钮，直到图片上传并完成进度条。

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

应该是初始阶段，然后用类似的东西启用它

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

所有文件上传后如何回调。

【问题讨论】：

在这里查看完成并始终回调github.com/blueimp/jQuery-File-Upload/wiki/…

【参考方案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

【参考方案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
    
)