FileReader: error 事件
注意：此功能在 Web Workers 中可用。
FileReader 接口的 error 事件会在读取因错误而失败时触发（例如，文件未找到或不可读）。
此事件不可取消，也不会冒泡。
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
js
addEventListener("error", (event) => { })
onerror = (event) => { }
事件类型
一个 ProgressEvent。继承自 Event。
事件属性
也继承自其父级 Event 的属性.
ProgressEvent.lengthComputable只读-
一个布尔值，指示底层进程的待完成总工作量以及已完成工作量的可计算性。换句话说，它告知进度是否可衡量。
ProgressEvent.loaded只读-
一个 64 位无符号整数值，表示底层进程已执行的工作量。已完成工作量与总工作量的比率可以通过将
total除以此属性的值来计算。使用 HTTP 下载资源时，这仅计算 HTTP 消息的正文，不包括标头和其他开销。 ProgressEvent.total只读-
一个 64 位无符号整数，表示底层进程正在执行的总工作量。使用 HTTP 下载资源时，这对应于
Content-Length（消息正文的大小），不包括标头和其他开销。
示例
js
const fileInput = document.querySelector('input[type="file"]');
const reader = new FileReader();
function handleSelected(e) {
const selectedFile = fileInput.files[0];
if (selectedFile) {
reader.addEventListener("error", () => {
console.error(`Error occurred reading file: ${selectedFile.name}`);
});
reader.addEventListener("load", () => {
console.log(`File: ${selectedFile.name} read successfully`);
});
reader.readAsDataURL(selectedFile);
}
}
fileInput.addEventListener("change", handleSelected);
规范
| 规范 |
|---|
| File API # dfn-error-event |
| File API # dfn-onerror |
浏览器兼容性
加载中…