Olá amigos,
Preciso criar uma tabela em html a partir de um arquivo txt.
Tenho este script que possui um botão para escolher o arquivo desejado, porém para minha aplicação não deve haver escolha de arquivo, isso deve ser pré definido nas linhas do código porque será sempre o mesmo txt.
tenho este código:
<html>
<link rel="stylesheet" type="text/css" href="estilo1.css"/>
<head>
</head>
<table>
<tbody>
<tr>
<input id="myInput" type="int">
<td><button onclick="loadFileAsText()">Carregar relatório</button></td>
<td><input id="fileToLoad" type="file"></td>
<p id="demo"></p>
</tr>
</tbody>
</table>
<table id="lista"> <!--border="1"-->
<tbody>
<thead>
<tr>
<th>Data e Hora</th>
<th>Equipamento/Mancal</th>
<th>Temperatura</th>
</tr>
</thead>
<tbody>
</table>
<body>
<script type="text/javaScript">
function loadFileAsText(){ // função que busca e lê arquivo txt a partir do campo de busca
var fileToLoad = document.getElementById("fileToLoad").files[0]; //isso não deve ser assim, por aqui deve-se pré definir o arquivo
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent) {
var textFromFileLoaded = fileLoadedEvent.target.result;
var texto = textFromFileLoaded;
listar(texto);
};
fileReader.readAsText(fileToLoad, "UTF-8");
}
function listar(texto){
var quantidade = document.getElementById("lista").rows.length;// está pré definido que será usado o tamanho total do arquivo
if (quantidade>1){ // quantidade representa o número indefinido de linhas que pode haver
for(var cont=1;cont<=quantidade;cont++){
document.getElementById("lista").deleteRow(cont);// lista é o nome atribuído ao conteúdo do arquivo txt
}
}
var itens = texto.split("LOG_"); // define que linhas devem ser consultadas
for(var i=1;i<itens.length;i++){
var valores = itens[i].split("\t");// espaços TAB definem colunas que serão consultadas
document.getElementById("lista").innerHTML +='<tr><td>'+valores[1]+'</td><td>'+valores[6&1]+'</td><td>'+valores[2]+'</td></tr>';
</script>
</body>
</html>
Esse é o arquivo.txt que deve ser lido:
"VarName" "TimeString" "VarValue" "Validity" "Time_ms"
"LOG_Equipamento" "2018-04-18 17:55:11" 5 1 43208746660.648148
"LOG_Temperatura_M1" "2018-04-18 17:55:11" 49 1 43208746660.659721
"LOG_Temperatura_M2" "2018-04-18 17:55:11" 42 1 43208746660.659721
"LOG_Temperatura_M3" "2018-04-18 17:55:11" 43 1 43208746660.671295
"LOG_Temperatura_M4" "2018-04-18 17:55:11" 52 1 43208746660.671295
"LOG_Equipamento" "2018-04-18 17:55:26" 1 1 43208746834.363426
"LOG_Temperatura_M1" "2018-04-18 17:55:26" 49 1 43208746834.375000
"LOG_Temperatura_M2" "2018-04-18 17:55:26" 43 1 43208746834.386574
"LOG_Temperatura_M3" "2018-04-18 17:55:26" 47 1 43208746834.386574
"LOG_Temperatura_M4" "2018-04-18 17:55:26" 54 1 43208746834.398148
"LOG_Equipamento" "2018-04-18 17:55:34" 2 1 43208746926.886574
"LOG_Temperatura_M1" "2018-04-18 17:55:34" 40 1 43208746926.898148
"LOG_Temperatura_M2" "2018-04-18 17:55:34" 43 1 43208746926.898148
"LOG_Temperatura_M3" "2018-04-18 17:55:34" 47 1 43208746926.898148
"LOG_Temperatura_M4" "2018-04-18 17:55:34" 54 1 43208746926.909721