JavaScript は外部プラグインなしでローカル ファイルにどのようにアクセスできますか?

JavaScript を使用したローカル ファイル アクセス: 外部インストールを必要としないソリューション

今日の Web 開発環境では、ローカル ファイル操作の必要性が頻繁に発生します。多くの場合、ユーザーはローカル ファイルの読み取りと書き込み機能を必要とするため、開発者は追加のソフトウェアのインストールを必要としないソリューションを求めるようになります。

この要件を満たす 1 つの方法は、ネイティブ JavaScript です。 HTML5 による進歩により、JavaScript はローカル ファイル アクセスのための強力なオプションを提供するようになりました。

ローカル ファイルの読み取りと書き込み

ローカル ファイルを操作するために、JavaScript は FileReader を提供します。および FileWriter インターフェイス。 FileReader を使用すると、File オブジェクトの内容を読み取ることができ、FileWriter を使用すると、ファイルに書き込むことができます。

ファイルを読み取る手順:

1. FileReader オブジェクトを作成します。
2. FileReader の readAsText() を使用するか、 readAsArrayBuffer() メソッドを使用して、ファイルの内容を読み取ります。
3. 必要に応じてファイルの内容を処理します。

ファイルを書き込む手順:

1. FileWriter オブジェクトを作成します。
2. ファイルに書き込むための FileWriter の write() メソッド。
3. 書き込みが終了したら、FileWriter オブジェクトを閉じます。

例:

input.txt と Output.txt という 2 つのファイルがあります。 input.txt の内容を読み取り、output.txt に書き込むには、次のコードを使用します。

const reader = new FileReader();
reader.onload = (e) => {
  const fileContents = e.target.result;
  const writer = new FileWriter();
  writer.open('output.txt', 'w');
  writer.write(fileContents);
  writer.close();
};
reader.readAsText('input.txt');

ローカル ファイル アクセスを有効にするには、Web サーバーまたはホストはそのような権限をサポートしています。さらに、ローカル ファイルにアクセスする前に、ユーザーのプライバシーとセキュリティを維持するために、アクセス許可の処理を適切に処理することが不可欠です。

以上がJavaScript は外部プラグインなしでローカル ファイルにどのようにアクセスできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。