1. ホーム
  2. javascript

[解決済み] Javascriptでローカルテキストファイルを読み、一行ずつ読み込むには?

2023-02-19 17:21:58

質問

html+javascriptで作ったデモのWebページがあるのですが、ローカルのcsvファイルを読み込んで一行ずつ読み込んで、csvファイルからデータを抽出する方法を知りたいのです。

どのように解決するのですか?

jQueryを使用しない場合。

document.getElementById('file').onchange = function(){

  var file = this.files[0];

  var reader = new FileReader();
  reader.onload = function(progressEvent){
    // Entire file
    console.log(this.result);

    // By lines
    var lines = this.result.split('\n');
    for(var line = 0; line < lines.length; line++){
      console.log(lines[line]);
    }
  };
  reader.readAsText(file);
};

HTMLです。

<input type="file" name="file" id="file">

ファイルフィールドがレンダリングされた後に、javascriptのコードを置くことを忘れないでください。