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

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

Susan Sarandon
リリース: 2024-12-01 03:48:13
オリジナル
304 人が閲覧しました

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

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

通常、Web ブラウザーで直接ファイル操作を実行することはできませんが、JavaScript はサーバー側でファイルを管理する機能を提供します。 Node.js 実装。

サーバー側のファイル操作

読み取りNode.js を使用してファイルを書き込むには、fs (ファイル システム) モジュールを利用します。以下に例を示します:

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.');
});
ログイン後にコピー

クライアント側のファイル操作

HTML5 を使用すると、クライアント側からファイルにアクセスできます:

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();
});
ログイン後にコピー

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

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