Я использую bluimp jQuery-File-Upload-plugin для загрузки файлов в несколько экземпляры.
Я использую одну кнопку, которая запускает процесс загрузки для каждого экземпляра.
Кроме того, у меня есть глобальная статистика процесса, которая суммирует статистику по каждому экземпляру.
statsData = new Array(); // for global progress-bar/-stats
$('.fileupload').each(function () {
statsData.push($(this).fileupload({
dropZone: $(this).closest('.dropzone'),
url: 'foo/bar'
}).on('fileuploadadd', function (e, data) {
$("#btn-submit-all").on('click', function () {
$('.fileupload-progress.global.fade').show();
data.submit();
}).on('fileuploadstart', function (e) {
$('.fileupload-progress.panel.fade', $(this)).show();
}).on('fileuploadprogress', function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('.progress-bar', data.context).attr('value', progress);
}).on('fileuploadprogressall', function (e, data) {
var progressall = parseInt(data.loaded / data.total * 100, 10);
$('.fileupload-progress.panel .progress-bar', $(this)).attr('value', progressall);
renderGlobalProgress(statsData);
}).fileupload('progress'));
});
Пока все хорошо.
Загрузка и глобальный индикатор выполнения/статистика работают нормально.
Проблема в том, что теперь, когда файл canceled
из списка файлов, файл будет удален из списка (шаблон загрузки), но он все еще находится в «очереди загрузки» (filelist
?) и будет загружен.
Я выделяю проблему (вероятно?) в эту часть:
// ...
.on('fileuploadadd', function (e, data) {
$("#btn-submit-all").on('click', function () {
$('.fileupload-progress.global.fade').show();
data.submit();
})
// ...
Потому что, когда я использую стандартную кнопку Start Upload
для каждого экземпляра, все работает нормально.
Но как я могу использовать глобальную кнопку, чтобы начать загрузку вместо моего разрешения?