html Abrir um arquivo txt no html e criar uma tabela com arquivo pré definido

Denis Simoni · Abril 27, 2018

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

Entrar

html Abrir um arquivo txt no html e criar uma tabela com arquivo pré definido

Pergunta

Denis Simoni

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades