input type file で選択したcsvファイルの内容を取得する方法

Question

###前提・実現したいこと
選択されたcsvファイルの内容を取得したいです。
1行目の値をkeyとした連想配列で取得できるのが理想ですが、内容が取得できればどのような形でも大丈夫です。
javascript,jQuery,sqlのいずれかでのやり方を教えていただきたいです。

###該当のソースコード

<form>
<input id="sample" type="file">
</form>

sample.csvの内容
shop,staff,month,sales
新宿,山田,5月,100
新宿,山田,6月,200
渋谷,田中,5月,300
渋谷,佐藤,6月,400

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[yambejp]

ユーザー側で選んだものを、参照するのはユーザー側でしょうか？それともサーバー側でしょうか？

Answer 1

「File API CSV」で検索すればやり方が見つかります。

【File APIでCSVファイルを読み込む | cly7796.net】
http://cly7796.net/wp/javascript/read-csv-file-with-file-api/

【File APIを使ってローカルのファイルを読み込んでみる ｜ Tips Note by TAM】
https://www.tam-tam.co.jp/tipsnote/javascript/post11736.html

Answer 2

所定のサーバの所定の場所にCSVが送信されるというのが判っているなら、あとはjQueryのAjaxを使って読み込んでJavascriptで処理するという方法になりますかね。

連想配列にするならCGIで全部やってしまった方が楽そうですが。