「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

JavaScriptでテキストファイルを読み込み、HTMLへ表示する方法です。

以下の例では「ファイルを選択」ボタンで選択したファイルの内容をテキストエリアへ表示するサンプルソースとなります。

HTMLサンプル

JavaScriptサンプル

  • FileReaderのreadAsTextメソッドでファイルを文字列として読込を実施
  • FileReaderのonloadメソッドでデータの読み込みが正常に完了した時にloadイベントが発生し、ここに設定したコールバック関数が呼び出されます

実行サンプル


 

Ads by Google

コメントを残す

メールアドレスが公開されることはありません。