この記事では、JavascriptのFileAPIを用いて、CSVファイルを読み込み中身を表示させる方法を紹介します。
readAsTextでCSVファイル取得
Javascriptでは、FileAPIのreadAsTextメソッドを用いてCSVファイルをブラウザ上で読み込むことが出来ます。
・readAsText
今回は、それを利用してファイルを読み込んで表示させてみました。
ソースコード
サンプルプログラムのソースコードは下記の通りです。
【main.js】
【index.html】
【data.csv】
実行結果
サンプルプログラムの実行結果は下記の通りです。
【おすすめ関連記事】
・Javascript入門 基本文法
コメント