XMLHttpRequestUpload：超时事件

在诸如 addEventListener() 的方法中使用事件名称，或设置事件处理程序属性。

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

ontimeout = (event) => {};

一个 ProgressEvent。继承自 Event。

除了下面列出的属性之外，父接口 Event 的属性也可以使用。

lengthComputable 只读

一个布尔标志，指示基础进程要完成的总工作量和已完成的工作量是否可计算。换句话说，它指示进度是否可衡量。

loaded 只读

一个 64 位无符号整数值，指示基础进程已执行的工作量。已完成的工作量的比率可以通过将total除以此属性的值来计算。当使用 HTTP 下载资源时，这仅计算 HTTP 消息的主体，不包括标题和其他开销。

total 只读

一个 64 位无符号整数，表示基础进程正在执行的总工作量。当使用 HTTP 下载资源时，这是Content-Length（消息主体的大小），不包括标题和其他开销。

您可以使用timeout事件检测因速度过慢而停止的上传。有关上传文件并显示进度条的完整代码示例，请参阅主 XMLHttpRequestUpload 页面。

超时是在 XMLHttpRequest 对象上使用 XMLHttpRequest.timeout 属性设置的。

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

• 相关事件：loadstart、load、progress、error、loadend、abort
• XMLHttpRequestUpload
• XMLHttpRequest.timeout