多个精品上传完成回调答案

【问题标题】：multiple fine-uploader complete callback多个精品上传完成回调
【发布时间】：2017-04-07 05:04:53
【问题描述】：

我有一个上传页面，其中有两个 Fineuploader 容器和 1 个手动触发上传按钮。如图所示

这里是上传按钮点击事件代码：

$('#trigger-upload-namecard').click(function(){
    $('#upload-csv-file').fineUploader('uploadStoredFiles');
    $('#upload-jpg-files').fineUploader('uploadStoredFiles');
});

我如何触发回调来做某事，例如。 console.log("全部上传")，只要两个fineUploader都完成上传。
我知道fineUploader 有一个选项callbacks.onAllComplete，但它似乎由每个fineUploader 单独工作。

【问题讨论】：

标签： javascript jquery asynchronous promise fine-uploader

【解决方案1】：

我不确定这是否可行，但你可以尝试一下 jQuerys。

$('#trigger-upload-namecard').click(function(){
    $.when(
       $('#upload-csv-file').fineUploader('uploadStoredFiles'),
       $('#upload-jpg-files').fineUploader('uploadStoredFiles')
    ).then(
       alert('All done!')
   );
});

https://api.jquery.com/jquery.when/

【讨论】：

它没有按预期工作，2 'uploadStoredFiles' 调用是非阻塞的。它显示警报“全部完成！”只要我点击按钮。