The error
event is fired when the read failed due to an error (for example, because the file was not found or not readable).
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 |
Status |
File API |
Working Draft |
Browser compatibility
| Desktop | Mobile |
---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Firefox for Android | Opera for Android | Safari on iOS | Samsung Internet |
---|
error event | Chrome
Full support
Yes | Edge
Full support
12 | Firefox
Full support
Yes | IE
Full support
Yes | Opera
Full support
Yes | Safari
Full support
Yes | WebView Android
Full support
Yes | Chrome Android
Full support
Yes | Firefox Android
Full support
Yes | Opera Android
Full support
Yes | Safari iOS
Full support
Yes | Samsung Internet Android
Full support
Yes |
---|
Legend
-
Full support
- Full support
See also