Как сделать несколько AJAX-запросов с индикацией загрузки файла?

Question

[Dimazsever]

Нужно реализовать возможность одновременной загрузки нескольких файлов с сервера. По каждому клику по ссылке создается новый XMLHttpRequest объект. Вот только как сделать так, чтобы статус загрузки для каждого файла загружался в новый тег "b"? Как их связать друг с другом?
После начала загрузки второго файла, индикатор первого файла заползает на индикатор второго. Все из-за переменной "x", значение которой увеличивается на единицу после каждой новой загрузки. Как быть? Как связать каждый объект xhr со своим тегом?

function updateProgress (event) {
  if (event.lengthComputable) {
	var status = document.getElementById("b"+x);
	status.innerHTML = 'Загружено ' + event.loaded + ' байт из '+ event.total;
  } else {
    // Unable to compute progress information since the total size is unknown
  }
}

Answer 1

[Александр Таратин]

xhr.x = текущий x при инициализации

function updateProgress (event) {
  if (event.lengthComputable) {
	var status = document.getElementById("b"+event.target.x);
	status.innerHTML = 'Загружено ' + event.loaded + ' байт из '+ event.total;
  } else {
    // Unable to compute progress information since the total size is unknown
  }
}

Comments

[Dimazsever]

гениально!) Спасибо.