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 January 2020.

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

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

FileReader は作成されましたが、 readAs メソッドはまだ呼び出されていません。

LOADING

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

FileReader API のために定義されている、状態を表す 3 つの定数のうちの 1 つです。

仕様書

Specification
File API
# dom-filereader-readystate

ブラウザーの互換性

BCD tables only load in the browser

関連情報