首頁 > web前端 > js教程 > JavaScript 如何在伺服器端和用戶端同時讀寫檔案?

JavaScript 如何在伺服器端和用戶端同時讀寫檔案?

Susan Sarandon
發布: 2024-12-01 03:48:13
原創
303 人瀏覽過

How Can JavaScript Read and Write Files on Both the Server and Client Sides?

使用JavaScript 讀寫檔案

雖然通常無法直接在Web 瀏覽器中執行檔案操作,但JavaScript 提供了透過以下方式在伺服器端管理檔案的功能:它的Node.js 實作。

伺服器端檔案操作

使用下列指令讀取並寫入檔案Node.js,利用 fs(檔案系統)模組。這是一個範例:

const fs = require('fs');

// Read a file
fs.readFile('file.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

// Write a file
fs.writeFile('file.txt', 'Hello world!', err => {
  if (err) throw err;
  console.log('File has been written successfully.');
});
登入後複製

客戶端檔案操作

使用 HTML5,您可以從客戶端存取檔案:

const fileInput = document.getElementById('file-input');

fileInput.addEventListener('change', e => {
  const file = e.target.files[0];

  // Read a file
  const reader = new FileReader();
  reader.onload = () => {
    console.log(reader.result);
  };
  reader.readAsText(file);

  // Write a file (client-side)
  const filename = 'file.txt';
  const fileContent = 'Hello world!';

  const blob = new Blob([fileContent], { type: 'text/plain' });
  const url = URL.createObjectURL(blob);

  const a = document.createElement('a');
  a.href = url;
  a.download = filename;
  a.click();
});
登入後複製

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板