Dropzone.js でアップロードしたファイルにアクセスできない

Question

###前提・実現したいこと
Dropzone.jsを使用してCSVファイルをアップロードしようとしているのですが、ローカルから上げたCSVファイルをsplitしようとしてもエラーになってしまいます。

###発生している問題・エラーメッセージ

Uncaught TypeError: file.split is not a function

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

var myDropzone = new Dropzone("div#my-awesome-dropzone",{url:"http://localhost:8080/api/csv/"});
    myDropzone.on("complete", function(file) {
        console.log("file is " + file["name"] ); // nameは取得できている
        resultArray = file.split("\r\n"); // ここでエラー
        alert(resultArray[0]);
    });
});

アップロードファイル「list.csv」

id,date,title,sentence,image
00001,14/11/02,タイトルA,説明文A,img01.gif
00002,14/11/03,タイトルB,説明文B,img02.gif
00003,14/11/04,タイトルC,説明文C,img03.gif
00004,14/11/05,タイトルD,説明文D,img04.gif
00005,14/11/06,タイトルE,説明文E,img05.gif

###補足情報
urlはサーバーへのアップロード先なので問題ないと思います。
何かデバッグする方法などでも良いので教えていただければ幸いです。

Answer 1

この"file"という変数の型は、ファイルそのもの(csv)ではなく、HTML5のFileAPIのFileオブジェクトです。

参考

よって、同じくFileAPIのFileReaderオブジェクトを使って、
中身を読み込んであげると良いと思います。

人様のサイトで恐縮ですが、こちらなど参考にされてはいかがでしょう？

Comments

[teramasa]

TetsuyaZamaさま

ご回答ありがとうございます！早速FileReaderを使いまして、無事テーブルに出力するところまでいけました！感謝いたします。