Web フロントエンドでは、FileReader オブジェクトは JavaScript でファイルを読み取るために使用されるオブジェクトであり、ファイルのコンテンツを読み取るためのいくつかの一般的なメソッドを提供します。FileReader オブジェクトの一般的なメソッドの一部を次に示します。
1.readAsText(file, encoding): ファイルの内容をテキスト文字列として読み取ります。オプションのエンコード形式を指定できます。通常は「UTF-8」です。
var reader = new FileReader();
reader.readAsText(file, "UTF-8");
2. readAsDataURL(file): ファイルのコンテンツをデータ URL (Base64 でエンコードされたファイルのコンテンツ) として読み取ります。これは通常、画像を表示したり、ファイル コンテンツを Web ページに埋め込んだりするために使用されます。
var reader = new FileReader();
reader.readAsDataURL(file);
3. readAsArrayBuffer(file): バイナリ データを処理するために、ファイルの内容を ArrayBuffer として読み取ります。
var reader = new FileReader();
reader.readAsArrayBuffer(file);
4.readAsBinaryString(file) (非推奨): ファイルの内容をバイナリ文字列として読み取ります。非推奨としてマークされているため非推奨となり、新しいコードでの使用は推奨されません。
var reader = new FileReader();
reader.readAsBinaryString(file);
5. イベント処理メソッド: onload、onerror、onabort などは、ファイル読み取りのさまざまな段階や状態でイベントを処理するために使用されます。
reader.onload = function(event) {
// 处理成功读取文件内容的逻辑
};
reader.onerror = function(event) {
// 处理读取文件发生错误的逻辑
};
reader.onabort = function(event) {
// 处理读取文件被中断的逻辑
};
これらは、FileReader オブジェクトのいくつかの一般的なメソッドとイベント処理メソッドです。必要に応じて、ファイルの内容を読み取り、処理するための適切な方法を選択できます。