ホームページ > ウェブフロントエンド > jsチュートリアル > サーバー側とクライアント側の両方で JavaScript を使用してファイルを読み書きするにはどうすればよいですか?

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

Patricia Arquette
リリース: 2024-12-01 02:33:10
オリジナル
458 人が閲覧しました

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

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート