XMLHttpRequestUpload: событие loadstart

Событие loadstart срабатывает, когда запрос начинает загружать данные.

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("loadstart", (event) => {});

onloadstart = (event) => {};

Объект типа ProgressEvent. Наследуется от Event.

Помимо перечисленных ниже свойств, доступны свойства из родительского интерфейса, Event.

lengthComputable Только для чтения

Логическое значение, указывающее, можно ли вычислить объём работы, который должен быть выполнен, и объём работы, уже выполненный, подлежащей обработкой. Другими словами, оно показывает, можно ли измерить прогресс или нет.

loaded Только для чтения

Целое беззнаковое 64-битное значение, указывающее объём работы, уже выполненной подлежащей обработкой. Соотношение проделанной работы можно вычислить, разделив total на значение этого свойства. При загрузке ресурса с помощью HTTP, это значение учитывает только тело HTTP-сообщения, и не включает заголовки и другие накладные расходы.

total Только для чтения

Целое беззнаковое 64-битное значение, представляющее общий объём работы, выполняемой подлежащей обработкой. При загрузке ресурса с помощью HTTP, это значение равно Content-Length (размер тела сообщения), и не включает заголовки и другие накладные расходы.

Вы можете использовать событие loadstart для обнаружения начала загрузки. Полный пример кода, загружающий файл и отображающий полосу прогресса, см. на главной странице XMLHttpRequestUpload.

// When the upload starts, we display the progress bar
xhr.upload.addEventListener("loadstart", (event) => {
  progressBar.classList.add("visible");
  progressBar.value = 0;
  progressBar.max = event.total;
  log.textContent = "Uploading (0%)…";
  abortButton.disabled = false;
});

• Связанные события: load, progress, error, loadend, abort, timeout
• XMLHttpRequestUpload