XMLHttpRequestUpload: событие abort

Событие abort срабатывает в XMLHttpRequestUpload, когда запрос прерван, например, потому что программа вызвала XMLHttpRequest.abort().

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

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

onabort = (event) => {};

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

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

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

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

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

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

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

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

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

// In case of an abort 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("abort", errorAction);

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