JavaScript 如何在沒有外部插件的情況下存取本機檔案？

使用JavaScript 進行本地文件存取：無需外部安裝的解決方案

在當今的Web 開發環境中，本地文件操作的需求經常出現。使用者通常需要能夠讀取和寫入本機文件，這促使開發人員尋求不涉及額外軟體安裝的解決方案。

符合此要求的一種方法是原生 JavaScript。隨著 HTML5 帶來的進步，JavaScript 現在為本機檔案存取提供了強大的選項。

讀取和寫入本地文件

為了操作本地文件，JavaScript 提供了 FileReader和 FileWriter 介面。 FileReader 允許您讀取 File 物件的內容，而 FileWriter 允許您寫入檔案。

讀取檔案的步驟：

1. 建立一個FileReader物件。
2. 使用FileReader的readAsText()或readAsArrayBuffer()方法讀取檔案的內容。
3. 依需求處理文件內容。

寫入檔案的步驟：

1. 建立 FileWriter物件。
2. 使用 FileWriter 的 write() 方法寫入檔案。
3. 寫入完成後關閉 FileWriter 物件。

範例：

假設您有兩個文件，input.txt 和 output.txt 。 TXT。要讀取input.txt 的內容並將其寫入output.txt，您可以使用以下程式碼：

const reader = new FileReader();
reader.onload = (e) => {
  const fileContents = e.target.result;
  const writer = new FileWriter();
  writer.open('output.txt', 'w');
  writer.write(fileContents);
  writer.close();
};
reader.readAsText('input.txt');

請記住，要啟用本地文件訪問，您需要確保您的Web 伺服器或主機支援此類權限。此外，在存取本機文件之前，必須適當處理權限處理，以維護使用者隱私和安全性。

以上是JavaScript 如何在沒有外部插件的情況下存取本機檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！