Comment puis-je lire et écrire des fichiers à l'aide de JavaScript côté serveur et côté client ?

Lecture et écriture dans des fichiers avec JavaScript

Dans la plupart des cas, l'accès aux fichiers locaux n'est pas autorisé dans JavaScript côté client en raison de contraintes de sécurité . Cependant, dans les environnements JavaScript côté serveur, tels que Node.js, la manipulation de fichiers est possible via la classe File.

JavaScript côté serveur (Node.js) :

Node.js propose la classe FileSystem, vous permettant de :

// 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 (Client-Side, Expérimental) :

HTML5 fournit une prise en charge expérimentale de l'accès aux fichiers côté client via les objets File et FileReader. Cela vous permet de :

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

Remarque : L'accès aux fichiers côté client est toujours en évolution et peut ne pas être pris en charge dans tous les navigateurs ou plates-formes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!