如何在伺服器端和客戶端都使用JavaScript讀寫檔案？

使用 JavaScript 讀寫檔案

大多數情況下，由於安全限制，客戶端 JavaScript 不允許存取本機檔案。但是，在伺服器端 JavaScript 環境（例如 Node.js）中，可以透過 File 類別進行檔案操作。

伺服器端 JavaScript (Node.js)：

Node.js 提供了 FileSystem類，允許您：

// Reading Example
const fs = require('fs');
fs.readFile('file.txt', 'utf-8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

// Writing Example
fs.writeFile('output.txt', 'Hello World!', (err) => {
  if (err) throw err;
  console.log('File written successfully.');
});

HTML5（客戶端、實驗性）：

HTML5 透過File 和FileReader 物件為客戶端檔案存取提供實驗性支援。這允許您：

// Reading Example
const file = document.querySelector('input[type=file]');
file.addEventListener('change', (e) => {
  const reader = new FileReader();
  reader.onload = () => {
    const data = reader.result;
    // Process file data
  };
  reader.readAsText(e.target.files[0]);
});

// Writing Example
const blob = new Blob(['Hello World!'], { type: 'text/plain' });
const fileUrl = URL.createObjectURL(blob);
const a = document.querySelector('a');
a.href = fileUrl;
a.download = 'output.txt';
a.click();

注意：客戶端文件存取仍在不斷發展，可能並非所有瀏覽器或平台都支援。

以上是如何在伺服器端和客戶端都使用JavaScript讀寫檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！