ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript はファイルの読み書きができますか?

JavaScript はファイルの読み書きができますか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-03 10:56:13174ブラウズ

Can JavaScript Read and Write Files?

JavaScript でファイルの読み書き

できる?それは文脈によって異なります。ほとんどの場合、JavaScript を使用して Web ブラウザーでファイルを直接読み書きすることは、セキュリティとクロスオリジンの制限により実現できません。ただし、Node.js などのサーバーサイド JavaScript 環境では、ファイル操作が可能です。

サーバーサイド JavaScript

Node.js では、次のように使用できます。ファイルを操作するための FileSystem モジュール。ファイルの読み取りと書き込みの例を次に示します。

const fs = require('fs');

const data = 'Hello, world!';
fs.writeFileSync('file.txt', data);

const fileData = fs.readFileSync('file.txt', 'utf8');
console.log(fileData);

クライアントサイド JavaScript

HTML5 の最近の更新により、ユーザーのデバイスからファイルを読み取る機能が導入されました。特定のシナリオ。これは FileReader オブジェクトを使用して行われます。ただし、これはサーバー側のファイル操作と比較するとまだ制限されていることに注意することが重要です。

const fileReader = new FileReader();
const inputFile = document.querySelector('input[type=file]');

inputFile.addEventListener('change', () => {
  const file = inputFile.files[0];
  fileReader.readAsText(file);
});

fileReader.onload = () => {
  console.log(fileReader.result);
};

以上がJavaScript はファイルの読み書きができますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。