JavaScript でローカル ファイルに安全にアクセスするにはどうすればよいですか?

JavaScript を使用してローカル ファイルに安全にアクセスする

window.open() などのメソッドを使用して JavaScript 経由でローカル ファイルを直接開くことは、セキュリティ上の理由から制限されています。ただし、ローカル ファイル データに安全にアクセスできる別の方法もあります。

一般的な方法の 1 つは、FileReader API を使用することです。この API は、 を通じてユーザーが選択したファイルの内容を読み取る方法を提供します。要素。以下に例を示します。

function readSingleFile(e) {
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
    var contents = e.target.result;
    displayContents(contents);
  };
  reader.readAsText(file);
}

function displayContents(contents) {
  var element = document.getElementById('file-content');
  element.textContent = contents;
}

document.getElementById('file-input')
  .addEventListener('change', readSingleFile, false);

このコードでは、ユーザーが「file-input」要素を通じてファイルを選択すると、readSingleFile() 関数がトリガーされます。 FileReader オブジェクトを使用して、選択されたファイルをテキストとして読み取り、読み取りが完了すると、displayContents() 関数を呼び出して、Web ページ上の「file-content」要素にファイルの内容を表示します。

FileReader API などのアプローチを利用すると、JavaScript でローカル ファイルの内容を安全に読み取り、セキュリティを損なうことなくクライアント側のアプリケーションで使用できます。

以上がJavaScript でローカル ファイルに安全にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。