Javascript 不允许在 csv 上加载超过 4 列

Question

我试图限制要在 CSV 上加载的列数上传我下面的代码上传在 div 中显示 CSV 数据但我试图限制要在 div 上加载的列说我下面的 csv 示例显示在那里是 7 列，我想通过跳过标题的第一行只显示前 4 列。我的基本想法是稍后使用 java 脚本或 j 查询将这些数据导入到 sql-lite 数据库中

heading 1   heading 2   heading 3   heading 4   heading 5   heading 6   heading 7
column1     column2      column3     column4    column5      column6     column7
column1     column2      column3     column4    column5      column6     column7
column1     column2      column3     column4    column5      column6     column7
column1     column2      column3     column4    column5      column6     column7
column1     column2      column3     column4    column5      column6     column7
column1     column2      column3     column4    column5      column6     column7
column1     column2      column3     column4    column5      column6     column7

Demo JS Fiddle

HTML:

<input id = "csv" type = "file" /> 

<div id="result"></div>

JS:

 $('#csv').change(function(e) {
if ((window.FileReader) && (e.target.files != undefined)) {
  var reader = new FileReader(); 
  reader.onload = function(e) {
    var lineSplit = e.target.result.split("\n").join("dassa");
    var commaSplit = lineSplit[0].split(",");
    var content = "";

      for(var j = 0; i < lineSplit.length; j++) {
    for(var i = 0; i < commaSplit.length; i++) {
      var temp = commaSplit[i];
        alert(commaSplit[i]);
      content = content + " " + temp;
    }
    }
    var fileContent = reader.result;
    $('#result').html(fileContent);
  };

  reader.readAsText(e.target.files.item(0));    
}
 });

Answer 1

检查以下代码片段

$('#csv').change(function(e) {
  if ((window.FileReader) && (e.target.files != undefined)) {
    var reader = new FileReader();
    reader.onload = function(e) {

      var lineSplit = e.target.result.split("\n");
      var content = [];

      for (var j = 1; j < lineSplit.length; j++) {
        var fourColumnsData = lineSplit[j].split(',').slice(0, 4).join(" ");

        content.push(fourColumnsData);

      }
      var fileContent = content.join("<br/>");
      $('#result').html(fileContent);

    };

    reader.readAsText(e.target.files.item(0));
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input id="csv" type="file" />

<div id="result"></div>