jQueryを利用してCSVを表示

Question

初めての投稿です。よろしくお願いします。
現在jQueryを利用してweb画面作成をしております。
画面からcsvを選択してjqueryで画面にcsvの内容をテーブル表記したのですが、
どういう方法があるのでしょうか？
よろしくお願いします。

Answer 1

csv2table.jsというjQueryプラグインがあるようです。
以下のサイトを参考になさってはいかがでしょうか。
[jQuery]csvファイルをTABLE表示する「csv2table.js」
jquery.csv2table.jsでShift_JISのCSVを表示する - Qiita

Comments

[Toshi12]

回答ありがとうございます。
プラグインをつかわずにやる必要があるので自作したいと思っております。
プラグインを参考にしてみます。

Answer 2

csv読み込み用のjQueryプラグインが幾つか存在します。
jquery csvで検索するとたくさん情報が出てくるのでいくつかためして、自分に合うものを使いましょう。

Comments

[Toshi12]

ありがとうございます。
色々さがしているのですがしっくりくるのがなくて自作したいと思っています。

Answer 3

<input type="file">で選択したファイルの読み込むのに
File API を使用してみてはどうでしょうか？
参考：File APIを使ってみよう

ただ、ブラウザによってはAPIが存在しない場合もあるので、注意が必要です。
↓こちらに対応ブラウザが載ってますので、ご参考まで。
JavaScriptでローカルファイルを自在に操る - File API

また、csvデータを使ってテーブル表記するには、
csvレコード分ループして<tr>タグや<td>タグをゴリゴリ書いていくしかないかもしれません。
↓こちらのページの「getメソッドを使ったファイルの読み込みと操作」セクション内にある

<table>タグ作成 → 処理が参考になるかと思います。

【jQuery】外部ファイルの読み込みと操作

Comments

[Toshi12]

FileAPIを利用してやってみようと思っています。思っていることの参考になりそうなリンクです。
ありがとうございます。