Comment JavaScript peut-il lire et écrire des fichiers côté serveur et côté client ?-js tutoriel-php.cn

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

Susan Sarandon

Libérer： 2024-12-01 03:48:13

original

302 Les gens l'ont consulté

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

Copier après la connexion

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

Copier après la connexion

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!