首頁 >web前端 >js教程 >如何在網頁瀏覽器中有效率地讀取本機文字檔案?

如何在網頁瀏覽器中有效率地讀取本機文字檔案?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-19 04:11:11828瀏覽

How Can I Efficiently Read Local Text Files in a Web Browser?

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

XMLHttpRequest 是瀏覽器中非同步資料擷取常用的方法,但有時會遇到嘗試讀取本機文字檔案時出現問題。

問題XMLHttpRequest

一個常見錯誤是 XMLHttpRequest 異常 101,這表示請求已中止。當嘗試讀取本機檔案而不指定“file://”協定時,可能會發生這種情況。

替代方案:Fetch API

讀取本機文字的更直接方法檔案是透過 2015 年推出的 Fetch API 來讀取的。使用Fetch API 讀取名為的本機檔案的範例程式碼"myText.txt":

存取本機檔案

現代瀏覽器對直接檔案系統訪問施加嚴格限制。避免使用“file:///”。相反,請考慮使用輕量級網頁伺服器,例如 Python -m http.server 或 npx http-server 透過常規 HTTP URL 載入資料。

使用 XMLHttpRequest的範例程式碼

如果使用XMLHttpRequest,手動檢查狀態0(表示本機檔案)而不是依賴傳回的狀態code:

指定檔案路徑

指定檔案路徑指定檔案路徑指定檔案路徑指定檔案路徑>指定檔案路徑時記得包含「file://」協定:

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn