javascript - 将 div 中的 Fetched 数据从 excel 转换为查询

Question

下面的代码从 csv 中获取数据，并将其作为 text 呈现在 div 中，但我尝试将其转换为查询获取Excel导入并打印然后作为查询

从excel导入数据时的当前输出
示例:

column1','column2','column3','column4')
column1','column2','column3','column4')
column1','column2','column3','column4')
column1','column2','column3','column4')
column1','column2','column3','column4')

预期输出

 ('column1','column2','column3','column4'),
('column1','column2','column3','column4'),
('column1','column2','column3','column4'),
('column1','column2','column3','column4'),
('column1','column2','column3','column4');  

JS fiddle demo

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");
      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));
  }
});

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++) {
        if (lineSplit[j].trim().length > 0) {
          var fourColumnsData = "('" + lineSplit[j].split(',').slice(0, 4).join("','") + "')";

          content.push(fourColumnsData);
        }
      }
      var fileContent = content.join(",");
      $('#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>