ファイルを直接開かずに、JavaScript はどのようにしてローカル ファイルにアクセスして処理できるのでしょうか?

JavaScript を使用したローカル ディスク ファイルへのアクセス

Web 開発における一般的な課題の 1 つは、ローカル コンピューターに保存されているファイルにアクセスすることです。セキュリティ制限によりファイルに直接アクセスすることはできませんが、JavaScript を使用してローカル ファイルを読み取り、操作する代替方法があります。

1 つの方法は、FileReader API を利用することです。この API を使用すると、開発者は選択したファイルの内容を読み取り、その内容に基づいて操作を実行できます。 FileReader を使用してローカル テキスト ファイルにアクセスする方法を示す例を次に示します。

<input type="file">

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);

このスクリプトは、ファイル入力要素を作成し、ファイルの選択をリッスンするイベント リスナーをアタッチします。ファイルが選択されると、スクリプトは FileReader を使用してその内容を読み取り、マークされた HTML 要素に表示します。この方法を使用すると、ファイルを直接開くことなく、ローカル ファイルにアクセスして処理できます。

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