Maison >interface Web >js tutoriel >Comment JavaScript peut-il lire et écrire des fichiers côté serveur et côté client ?

Comment JavaScript peut-il lire et écrire des fichiers côté serveur et côté client ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-01 03:48:13306parcourir

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

Lecture et écriture de fichiers avec JavaScript

Bien qu'il ne soit généralement pas possible d'effectuer des opérations sur les fichiers directement dans un navigateur Web, JavaScript offre des fonctionnalités de gestion de fichiers côté serveur via son implémentation Node.js.

Manipulation de fichiers côté serveur

Pour lire et écrire des fichiers à l'aide Node.js, utilisez le module fs (système de fichiers). Voici un exemple :

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.');
});

Manipulation de fichiers côté client

Avec HTML5, vous pouvez accéder aux fichiers côté client :

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

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn