FileReader: error event
The error
event is fired when the read failed due to an error (for example, because the file was not found or not readable).
Bubbles | No |
---|---|
Cancelable | No |
Interface | ProgressEvent |
Event handler property | FileReader.onerror |
Examples
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.error(`File: ${selectedFile.name} read successfully`); }); reader.readAsDataURL(selectedFile); } } fileInput.addEventListener('change', handleSelected);
Specifications
Specification |
---|
File API # dfn-error-event |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
error_event |
7 |
12 |
3.6 |
10 |
11 |
6 |
≤37 |
18 |
32 |
11 |
6 |
1.0 |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FileReader/error_event