Показать сообщение отдельно
  #1 (permalink)  
Старый 04.12.2013, 13:03
Аватар для Ваяс
Аспирант
Отправить личное сообщение для Ваяс Посмотреть профиль Найти все сообщения от Ваяс
 
Регистрация: 29.12.2011
Сообщений: 67

Прогресс бар для загрузки нескольких файлов через XHR
Пытаюсь реализовать ProgressBar для загрузки нескольких фалов, но не получается одновременно вызвать несколько раз функцию для самого ProgressBar, делаю это следующим образом.
xhr: function () {
                    var myXhr = $.ajaxSettings.xhr();
                    $("#upload-process").append('<div id="tip-'+self.number+'"></div>');
                    if (myXhr.upload) {
                        myXhr.upload.addEventListener('progress', self.progressHandlingFunction, false);
                    }
                    return myXhr;
                },
// сама функция 
uploader.prototype.progressHandlingFunction = function(e){
        if (e.lengthComputable) {
            var percentComplete = parseInt((e.loaded / e.total) * 100);
            $('#tip-'+self.number).animate({width: percentComplete + "%"}, 10);
        }
    }

ProgressBar идет для одного файла нормально, но для нескольких он ломается. Как можно сделать несколько параллельных прогресс баров?
Ответить с цитированием