Javascript jQuery文件上传-如何识别所有文件何时上传

我正在使用jQuery文件上传插件

我想能够触发一个事件时，所有选定的文件已完成上传。到目前为止，我有一个事件，用于在选择要上载的文件以及每个特定文件完成上载时执行操作-是否有方法检测所有选定文件已完成上载

实际的应用程序在这里

我的输入字段如下所示：

<div id="fine-uploader-basic" class="btn btn-success" style="position: relative; overflow: hidden; direction: ltr;">

<script>
        $(function () {
            $('#fileupload').fileupload({
                dataType: 'json',
                add: function (e, data) {   // when files are selected this lists the files to be uploaded
                    $.each(data.files, function (index, file) {
                        $('<p/>').text("Uploading ... "+file.name).appendTo("#fileList");
                    });
                    data.submit();
                },
                done: function (e, data) {  // when a file gets uploaded this lists the name
                    $.each(data.files, function (index, file) {
                        $('<p/>').text("Upload complete ..."+file.name).appendTo("#fileList");
                    });
                }
            });
        });
    </script>

我的脚本代码如下所示：

<div id="fine-uploader-basic" class="btn btn-success" style="position: relative; overflow: hidden; direction: ltr;">

<script>
        $(function () {
            $('#fileupload').fileupload({
                dataType: 'json',
                add: function (e, data) {   // when files are selected this lists the files to be uploaded
                    $.each(data.files, function (index, file) {
                        $('<p/>').text("Uploading ... "+file.name).appendTo("#fileList");
                    });
                    data.submit();
                },
                done: function (e, data) {  // when a file gets uploaded this lists the name
                    $.each(data.files, function (index, file) {
                        $('<p/>').text("Upload complete ..."+file.name).appendTo("#fileList");
                    });
                }
            });
        });
    </script>

$（函数（）{
$（'#fileupload'）。fileupload({
数据类型：“json”，
添加：函数（e，数据）{//当选择文件时，将列出要上载的文件
$.each（data.files，函数（索引，文件）{
$（'
'）.text（“上载…”+文件名）.appendTo（“#文件列表”）；
});
data.submit（）；
},
done：函数（e，data）{//当上传文件时，会列出名称
$.each（data.files，函数（索引，文件）{
$（“
”）.text（“上传完成…”+文件名）。附加到（“#文件列表”）；
});
}
});
});

我使用一个播放框架（Java）控制器处理请求，该控制器如下所示：

<div id="fine-uploader-basic" class="btn btn-success" style="position: relative; overflow: hidden; direction: ltr;">

<script>
        $(function () {
            $('#fileupload').fileupload({
                dataType: 'json',
                add: function (e, data) {   // when files are selected this lists the files to be uploaded
                    $.each(data.files, function (index, file) {
                        $('<p/>').text("Uploading ... "+file.name).appendTo("#fileList");
                    });
                    data.submit();
                },
                done: function (e, data) {  // when a file gets uploaded this lists the name
                    $.each(data.files, function (index, file) {
                        $('<p/>').text("Upload complete ..."+file.name).appendTo("#fileList");
                    });
                }
            });
        });
    </script>

普布利

c static void doUpload（文件[]文件）引发IOException{
List imagesdata=new ArrayList（）；
//ImageToUpload包含将要上载的图像、名称大小等信息。
对于（int i=0；i我认为您正在寻找“停止”事件：

$('#fileupload').bind('fileuploadstop', function (e) {/* ... */})

正如报告中所说：

用于上传停止的回调，相当于全局ajaxStop事件
（但仅适用于文件上载请求）

您还可以在插件创建时指定函数，并将其作为参数传递

$('#fileupload').fileupload({
        stop: function (e) {}, // .bind('fileuploadstop', func);
    });

以下是您想要的解决方案：


$（'fileupload'）。on（'fileuploaddone'，函数（e，数据）{
var activeUploads=$（'#fileupload'）。fileupload（'active'）；
如果（activeUploads==1）{
console.info（“所有上传完成”）；
}
})
在最初被询问3年后，这种沮丧感仍然存在。我看到的所有答案都没有完全解决这个问题。如果“fileuploadstop”回调在所有上载完成后仅触发1次，则需要传递“singleFileUploads:false”选项。这将导致所有上载和更新都使用1个XHR请求请允许回调只被触发一次。其他答案：Lol。我正在尝试异步上载完成时可能触发的所有方法。我不认为停止事件是应该使用的。谢谢！@BlueWater86我检查了你的链接，但它没有“sinfleFileUploads”示例，你能更好地解释它吗？