Convertir Excel a JSON y mostrar en tabla HTML
Publicado por Juan (4 intervenciones) el 23/07/2023 05:35:46
Hola, tengo un codigo donde trato de convertir Excel a JSON y después mostrar los registros en HTML como una tabla pero me marca el siguiente error:
ReferenceError: readXlsxFile is not defined at HTMLInputElement.<anonymous>
Aquí les dejo el código para que me puedan indicar donde esta el error.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/xlsx.full.min.js"></script>
<!--<script src="https://unkpg.com/[email protected]/bundle/read-excel-file.min.js"></script>-->
<title>Document</title>
</head>
<body>
<input type = "file" id = "input">
<table id = "tbl-data"></table>
<script>
var input=document.getElementById('input');
input.addEventListener('change', function(){
readXlsxFile(input.files[0]).then(function(data){
var i=0;
data.map((row, index)=>{
if (i==0){
let table=document.getElementById('tbl-data');
generateTableHead(table, row);
}
if(i>0){
let table=document.getElementById('tbl-data');
generateTableRows(table, row);
}
i++;
});
});
});
function generateTableHead(table, data){
let thead=table.createTHead();
let row=thead.insertRow();
for(let key of data){
let th=document.createElement('th');
let text=document.createTextNode(key);
th.appendChild(text);
row.appendChild(th);
}
}
function generateTableRows(table, data){
let newRow=table.insertRow(-1);
data.map((row, index)=>{
let newCell=newRow.insertCell();
let newText=document.createTextNode(row);
newCell.appendChild(newText);
});
}
</script>
</body>
</html>
Saludos
ReferenceError: readXlsxFile is not defined at HTMLInputElement.<anonymous>
Aquí les dejo el código para que me puedan indicar donde esta el error.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/xlsx.full.min.js"></script>
<!--<script src="https://unkpg.com/[email protected]/bundle/read-excel-file.min.js"></script>-->
<title>Document</title>
</head>
<body>
<input type = "file" id = "input">
<table id = "tbl-data"></table>
<script>
var input=document.getElementById('input');
input.addEventListener('change', function(){
readXlsxFile(input.files[0]).then(function(data){
var i=0;
data.map((row, index)=>{
if (i==0){
let table=document.getElementById('tbl-data');
generateTableHead(table, row);
}
if(i>0){
let table=document.getElementById('tbl-data');
generateTableRows(table, row);
}
i++;
});
});
});
function generateTableHead(table, data){
let thead=table.createTHead();
let row=thead.insertRow();
for(let key of data){
let th=document.createElement('th');
let text=document.createTextNode(key);
th.appendChild(text);
row.appendChild(th);
}
}
function generateTableRows(table, data){
let newRow=table.insertRow(-1);
data.map((row, index)=>{
let newCell=newRow.insertCell();
let newText=document.createTextNode(row);
newCell.appendChild(newText);
});
}
</script>
</body>
</html>
Saludos
Valora esta pregunta
0