DHTML: FileReader:error イベント  編集:2021.11.16 by T.A.

エラーによって読み取りが失敗したとき(例えば、ファイルが見つからなかった場合や読み取り可能ではなかった場合)に発生します。→MS

バブリング なし
キャンセル可能 いいえ
インターフェイス ProgressEvent
イベントハンドラープロパティ FileReader.onerror
JavaScript
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);

HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: