javascript ファイルを読み込んで内容を表示する

javascript ファイルを読み込んで内容を表示する

javascriptで、FileReaderを使って、ファイルを読み込んで内容を表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

FileReader使い方

FileReaderを使うと、ファイルを読み込んで内容を表示することが可能です。

サンプルコード

以下は、
formタイプのfileを使用して、ローカルにあるtxtファイルを読み込んで内容を表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

表示されていることが確認できます。

読み込んだファイルの内容