XMLHttpRequestUpload: событие error

Событие error срабатывает, когда запрос столкнулся с ошибкой.

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

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

onerror = (event) => {};

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

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

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

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

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

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

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

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

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

// In case of an error we hide the progress bar
// Note that this event can be listened to on the xhr object too
function errorAction(event) {
  progressBar.classList.remove("visible");
  log.textContent = `Upload failed: ${event.type}`;
}
xhr.upload.addEventListener("error", errorAction);

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