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 メソッドはまだ呼び出されていません。

readAs メソッドが呼び出されました。 File または Blob が読み取り中であり、まだエラーは発生していません。

DONE

読み取り操作が完了しています。これは、 File または Blob の全体がメモリーに読み込まれたか、ファイル読み取りエラーが発生したか、 abort() が呼び出され、読み取りがキャンセルされたか、いずれかを意味します。

例

js
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 になります。
};