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 | Status |
---|---|
File API | Working Draft |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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
FileReader: error event by Mozilla Contributors is licensed under CC-BY-SA 2.5.