サーバー側とクライアント側の両方で JavaScript を使用してファイルを読み書きするにはどうすればよいですか?

JavaScript を使用したファイルの読み取りと書き込み

ほとんどの場合、セキュリティ上の制約のため、クライアント側の JavaScript ではローカル ファイルへのアクセスは許可されません。 。ただし、Node.js などのサーバーサイド JavaScript 環境では、File クラスを通じてファイル操作が可能です。

サーバーサイド JavaScript (Node.js):

Node.js は FileSystem クラスを提供しており、 to:

// 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 (クライアント側、実験的):

HTML5 は、File および FileReader オブジェクトを介したクライアント側のファイル アクセスの実験的なサポートを提供します。これにより、次のことが可能になります。

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

注: クライアント側のファイル アクセスはまだ進化しており、すべてのブラウザやプラットフォームでサポートされているわけではありません。

以上がサーバー側とクライアント側の両方で JavaScript を使用してファイルを読み書きするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。