繁体   English   中英

将div中的提取数据从Excel转换为查询

[英]Convert a Fetched data in div from excel to a query

下面的代码从csv获取数据,并以text呈现到div ,但正在尝试将其转换为获取excel的query ,然后导入并打印为query

从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小提琴演示

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

尝试以下

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

改变一个大小<div>取数据的值</div><div id="text_translate"><p>我正在从 api 获取数据并使用映射显示它们的一些道具,我想根据道具的值相应地更改它们的宽度。</p><pre> &lt;h5&gt; &lt;span className="viewcount" ref={boxSize}&gt; {`View Count: ${item.statistics.viewCount}`}&lt;/span&gt; &lt;/h5&gt;</pre><p> 例如,这是 api 项目中名为“viewcount”的道具,当 viewcount 道具为 200 时,我希望此组件的宽度为 200px。我该如何实现?</p><p> PS:我正在使用反应。</p></div>

[英]Changing the size of a <div> with the value of fetched data

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM