XMLHttpRequestUpload: событие load

Событие load срабатывает, когда транзакция XMLHttpRequestUpload успешно завершается.

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

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

onload = (event) => {};

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

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

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

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

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

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

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

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

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

// When the upload is finished, we hide the progress bar.
xhr.upload.addEventListener("load", (event) => {
  progressBar.classList.remove("visible");
  log.textContent = "Upload finished.";
  abortButton.disabled = true;
});

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