Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div中从excel获取的数据转换为查询_Javascript_Jquery_Html - Fatal编程技术网

Javascript 将div中从excel获取的数据转换为查询

Javascript 将div中从excel获取的数据转换为查询,javascript,jquery,html,Javascript,Jquery,Html,下面的代码从csv获取数据,并以text的形式显示在div中,但我试图在获取excel导入时将其转换为query,然后以query 从excel导入数据时的当前输出 例如: 预期产量 ('column1','column2','column3','column4'), ('column1','column2','column3','column4'), ('column1','column2','column3','column4'), ('column1','column2','column

下面的代码从
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');  

HTML:


JS:

$('#csv')。更改(函数(e){
if((window.FileReader)&&(e.target.files!=未定义)){
var reader=new FileReader();
reader.onload=函数(e){
var lineSplit=e.target.result.split(“\n”);
var内容=[];
对于(var j=1;j”;
$('#result').html(fileContent);
};
reader.readAsText(e.target.files.item(0));
}
});
尝试以下操作

$('#csv')。更改(函数(e){
if((window.FileReader)&&(e.target.files!=未定义)){
var reader=new FileReader();
reader.onload=函数(e){
var lineSplit=e.target.result.split(“\n”);
var内容=[];
对于(var j=1;j0){
var fourColumnsData=“('”+lineSplit[j]。拆分(',')。切片(0,4)。连接(“,”)+”);
内容推送(四列数据);
}
}
var fileContent=content.join(“,”);
$('#result').html(fileContent);
};
reader.readAsText(e.target.files.item(0));
}
});

尝试以下操作

$('#csv')。更改(函数(e){
if((window.FileReader)&&(e.target.files!=未定义)){
var reader=new FileReader();
reader.onload=函数(e){
var lineSplit=e.target.result.split(“\n”);
var内容=[];
对于(var j=1;j0){
var fourColumnsData=“('”+lineSplit[j]。拆分(',')。切片(0,4)。连接(“,”)+”);
内容推送(四列数据);
}
}
var fileContent=content.join(“,”);
$('#result').html(fileContent);
};
reader.readAsText(e.target.files.item(0));
}
});

尝试以下操作

$('#csv')。更改(函数(e){
if((window.FileReader)&&(e.target.files!=未定义)){
var reader=new FileReader();
reader.onload=函数(e){
var lineSplit=e.target.result.split(“\n”);
var内容=[];
对于(var j=1;j0){
var fourColumnsData=“('”+lineSplit[j]。拆分(',')。切片(0,4)。连接(“,”)+”);
内容推送(四列数据);
}
}
var fileContent=content.join(“,”);
$('#result').html(fileContent);
};
reader.readAsText(e.target.files.item(0));
}
});

尝试以下操作

$('#csv')。更改(函数(e){
if((window.FileReader)&&(e.target.files!=未定义)){
var reader=new FileReader();
reader.onload=函数(e){
var lineSplit=e.target.result.split(“\n”);
var内容=[];
对于(var j=1;j0){
var fourColumnsData=“('”+lineSplit[j]。拆分(',')。切片(0,4)。连接(“,”)+”);
内容推送(四列数据);
}
}
var fileContent=content.join(“,”);
$('#result').html(fileContent);
};
reader.readAsText(e.target.files.item(0));
}
});


superion但最后infect没有行空白,但仍然添加了空白数据
('column1','column1','column1','column1','column1','column2','column2','column2','column2'),('column3','column3','column3','column3'),('column4','column4','column4','column4'),('column5','column5','column6','column6','column6','column6',',('column7'、'column7'、'column7'、'column7')、('column10'、'column10'、'column10'、'column10'、'column10'、'column11'、'column11'、'column11'、'column11')、('')
如果在行中找到任何空白单元格,您可以跳过该行吗?但有一个问题没有解决,如果行单元格离开,它将跳过该行blank@Shaik它正在为我跳过空白行。超级棒,但最后感染没有空白行,但仍然添加了空白数据
('column1'、'column1'、'column1'、'column1'、'column1'),(‘column2’、‘column2’、‘column2’、‘column2’、‘column2’、(‘column3’、‘column3’、‘column3’、‘column3’、‘column4’、‘column4’、‘column4’、‘column4’、‘column4’、‘column4’、(‘column5’、‘column5’、‘column5’、‘column6’、‘column6’、‘column6’、‘column7’、‘column7’、‘column7’、‘column7’、‘10’、‘10’、‘10’、‘10’、‘11’、‘column11’、‘11’、‘11’)等)
如果在行中找到任何空白单元格,您可以跳过该行吗?但有一个问题没有解决,如果行单元格离开,它将跳过该行blank@Shaik它正在为我跳过空白行。超级棒,但最后感染没有空白行,但仍然添加了空白数据
('column1'、'column1'、'column1'、'column1'、'column1'),(‘column2’、‘column2’、‘column2’、‘column2’、‘column2’、(‘column3’、‘column3’、‘column3’、‘column3’、‘column4’、‘column4’、‘column4’、‘column4’、‘column4’、‘column4’、(‘column5’、‘column5’、‘column5’、‘column6’、‘column6’、‘column6’、‘column7’、‘column7’、‘column7’、‘column7’、‘10’、‘10’、‘10’、‘10’、‘11’、‘column11’、‘11’、‘11’)等)
如果在行中找到任何空白单元格,您可以跳过该行吗?但有一个问题没有解决,如果行单元格离开,它将跳过该行blank@Shaik它正在为我跳过空白行。超级棒,但最后感染没有空白行,但仍然添加了空白数据
('column1'、'column1'、'column1'、'column1'、'column1'),('column2','column2','column2','column2'),('column3','column3','column3','column3'),('column4','column4','column4','collu
 ('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>
$('#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));
  }
});