Heim > Web-Frontend > js-Tutorial > Wie kann ich Dateien mit JavaScript sowohl auf der Server- als auch auf der Clientseite lesen und schreiben?

Wie kann ich Dateien mit JavaScript sowohl auf der Server- als auch auf der Clientseite lesen und schreiben?

Patricia Arquette
Freigeben: 2024-12-01 02:33:10
Original
458 Leute haben es durchsucht

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

Lesen und Schreiben in Dateien mit JavaScript

In den meisten Fällen ist der Zugriff auf lokale Dateien in clientseitigem JavaScript aus Sicherheitsgründen nicht zulässig . In serverseitigen JavaScript-Umgebungen wie Node.js ist die Dateimanipulation jedoch über die File-Klasse möglich.

Serverseitiges JavaScript (Node.js):

Node.js bietet die FileSystem-Klasse, mit der Sie:

// 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.');
});
Nach dem Login kopieren

HTML5 (Client-Seite, Experimentell):

HTML5 bietet experimentelle Unterstützung für den clientseitigen Dateizugriff über die File- und FileReader-Objekte. Dies ermöglicht Ihnen:

// 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();
Nach dem Login kopieren

Hinweis: Der clientseitige Dateizugriff befindet sich noch in der Entwicklung und wird möglicherweise nicht in allen Browsern oder Plattformen unterstützt.

Das obige ist der detaillierte Inhalt vonWie kann ich Dateien mit JavaScript sowohl auf der Server- als auch auf der Clientseite lesen und schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage