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

时间:2015-09-22 14:44:10

标签: javascript jquery html

以下代码从div获取数据并作为text呈现给query,但我尝试将其转换为fetch excel导入中的query然后打印为column1','column2','column3','column4') column1','column2','column3','column4') column1','column2','column3','column4') column1','column2','column3','column4') column1','column2','column3','column4')

从Excel中导入数据时的当前输出 例如:

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

预期输出

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

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

JS fiddle demo

HTML:

$('#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));
  }
});

JS:

{{1}}

1 个答案:

答案 0 :(得分:3)

尝试以下

&#13;
&#13;
$('#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));
  }
});
&#13;
<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>
&#13;
&#13;
&#13;