FileReader.readyState

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

FileReader の readyState プロパティは、 FileReader がいる読み取り操作の現在の状態を提供します。 FileReader は以下のいずれかの状態にあります。

値	状態	説明
`0`	`EMPTY`	Reader が作成されました。まだ読み込まれているメソッドはありません。
`1`	`LOADING`	read メソッドが呼び出されました。
`2`	`DONE`	操作が完了しています。

EMPTY: FileReader は作成されましたが、 readAs メソッドはまだ呼び出されていません。
LOADING: readAs メソッドが呼び出されました。 File または Blob が読み取り中であり、まだエラーは発生していません。
DONE: 読み取り操作が完了しています。これは、 File または Blob の全体がメモリーに読み込まれたか、ファイル読み取りエラーが発生したか、 abort() が呼び出され、読み取りがキャンセルされたか、いずれかを意味します。

例

const reader = new FileReader();
console.log("EMPTY", reader.readyState); // readyState は 0 になります。

reader.readAsText(blob);
console.log("LOADING", reader.readyState); // readyState は 1 になります。

reader.onloadend = () => {
  console.log("DONE", reader.readyState); // readyState は 2 になります。
};