如何在瀏覽器中讀取本機文字檔案？

如何在瀏覽器中讀取本機文字檔案

您在瀏覽器中讀取本機文字檔案時面臨挑戰。要解決此問題，請考慮以下事項：

1。合併 Fetch API

引入 Fetch API 提供了從 URL 檢索資料的簡化方法，取代了 XMLHttpRequest 方法。像這樣實現它：

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // Process the "text" content
  })
  .catch((e) => console.error(e));

2.避免使用 file:///

現代瀏覽器嚴格限制直接檔案系統存取。若要繞過此問題，請避免使用 file:/// 前綴。

3.使用Web 伺服器進行本地測試

不要依賴file:///，而是使用輕量級Web 伺服器，例如：

• python -m http.server

這允許您使用標準HTTP URL存取您的數據，從而減少存取

原始解決方案

要處理XMLHttpRequest 問題，請執行以下操作：

• 載入本地文件時檢查狀態0。

function readTextFile(file) {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", file, false);
  rawFile.onreadystatechange = function () {
    if (rawFile.readyState === 4)  {
      if (rawFile.status === 200 || rawFile.status == 0) {
        var allText = rawFile.responseText;
        console.log(allText);
      }
    }
  }
  rawFile.send(null);
}

• 在檔案中指定 file://路徑。

readTextFile("file:///C:/your/path/to/file.txt");

以上是如何在瀏覽器中讀取本機文字檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！