如何在不直接存取檔案系統的情況下使用 JavaScript 存取本機檔案？

在 JavaScript 中存取本機磁碟檔案

出於安全考慮，不允許直接在 JavaScript 中開啟本機磁碟檔案。要從本地文件存取數據，需要替代方法。

使用 FileReader 進行本機檔案存取

一種方法是利用 FileReader 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);

在此範例中：

• 定義了 ID 為「file-input」的檔案輸入元素。
• 當檔案使用檔案輸入選擇，會觸發「readSingleFile」函數。
• FileReader 物件用於以文字形式讀取所選檔案。
• FileReader 的 'onload' 事件處理程序定義為處理檔案讀取完成。
• 'displayContents' 函數取得讀取的檔案內容並顯示它們在 ID 為「file-content」的 HTML 元素中。

透過使用 FileReader 方法，您可以存取本機檔案資料用戶端 JavaScript 程式碼，讓您可以進一步處理或顯示檔案內容。

以上是如何在不直接存取檔案系統的情況下使用 JavaScript 存取本機檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！