Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Membaca dan Menulis Fail Menggunakan JavaScript pada Kedua-dua Pelayan dan Bahagian Pelanggan?

Bagaimanakah Saya Boleh Membaca dan Menulis Fail Menggunakan JavaScript pada Kedua-dua Pelayan dan Bahagian Pelanggan?

Patricia Arquette
Patricia Arquetteasal
2024-12-01 02:33:10460semak imbas

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

Membaca dan Menulis ke Fail dengan JavaScript

Dalam kebanyakan kes, mengakses fail tempatan tidak dibenarkan dalam JavaScript sisi klien kerana kekangan keselamatan . Walau bagaimanapun, dalam persekitaran JavaScript sisi pelayan, seperti Node.js, manipulasi fail boleh dilakukan melalui kelas Fail.

JavaScript Bahagian Pelayan (Node.js):

Node.js menawarkan kelas FileSystem, membolehkan anda:

// 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 (Pihak Klien, Percubaan):

HTML5 menyediakan sokongan percubaan untuk akses fail pihak klien melalui objek File dan FileReader. Ini membolehkan anda:

// 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();

Nota: Akses fail pihak pelanggan masih berkembang dan mungkin tidak disokong dalam semua penyemak imbas atau platform.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membaca dan Menulis Fail Menggunakan JavaScript pada Kedua-dua Pelayan dan Bahagian Pelanggan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn