【Javascript】FileAPIでCSVファイルの読み込み(readAsText)

この記事では、JavascriptのFileAPIを用いて、CSVファイルを読み込み中身を表示させる方法を紹介します。

readAsTextでCSVファイル取得

Javascriptでは、FileAPIのreadAsTextメソッドを用いてCSVファイルをブラウザ上で読み込むことが出来ます。

readAsText
今回は、それを利用してファイルを読み込んで表示させてみました。

ソースコード

サンプルプログラムのソースコードは下記の通りです。
【main.js】

【index.html】

【data.csv】

実行結果

サンプルプログラムの実行結果は下記の通りです。

【おすすめ関連記事】
Javascript入門 基本文法

関連記事