Como ler arquivo TXT com JS Puro?
Galera, estou precisando ler 1 arquivo TXT mas não quero usar nenhum INPUT para carregar o arquivo.
Eu tenho uma estrutura de pasta onde os meus arquivos TXT ficaram fisicamente e no meu código HTML + JS quero que ao alterar um SELECT OPTION, através da escolha eu validar se o arquivo com o nome selecionado existe na página e se existir eu ler ele e adicionando em um elemento qualquer, uma DIV como conteúdo ou dentro de uma TEXTAREA.
Vou montar a estrutura de pasta abaixo e colocar imagens de exemplo:
Estrutura de pasta
**projeto**
index.html
dclgen <-- Aqui dentro tenho vários arquivos do formato TXT
t1.txt
t2.txt
t3.txt
...
t4.txt
Pasta DCLGEN dentro da pasta projeto e a pasta DCLGEN junto com o arquivo HTML
Ao escolher no SELECT o nome T1 quero que o JavaScript veja se o arquivo t1.txt existe e se existir quero LER o conteúdo dele e jogar em um ELEMENTO HTML.
Preciso fazer isso da forma mais "SIMPLES" possível usando HTML e JavaScript.
Alguém pode dar um help? Pesquisei no Google muitas opções e os códigos encontrados não me atenderam.
Não quero ser obrigado a fazer um "UPLOAD" usando um INPUT do TIPO FILE, quero usar algo já dentro da pasta do projeto.<!DOCTYPE html>
<html>
<head>
<title>Read Text File Tutorial</title>
</head>
<body>
<input type="file" onchange="loadFile(this.files[0])">
<br>
<pre id="output"></pre>
<script>
async function loadFile(file) {
let text = await file.text();
document.getElementById('output').textContent = text;
}
</script>
</body>
</html>
Código usando FileReader, mas que também está usando um INPUT como estimúlo, não é o que quero.
document.getElementById('file').onchange = function(){
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(progressEvent){
var fileContentArray = this.result.split(/\r\n|\n/);
for(var line = 0; line < lines.length-1; line++){
console.log(line + " --> "+ lines[line]);
}
};
reader.readAsText(file);
};
Encontrei esse código também, mas não consegui usar...Esse é o parâmetro passado na url "https://dicasdejavascript.com.br/exemplo.txt"
function lerURL(URL) {
var http = new XMLHttpRequest();
http.open("GET", URL, false);
http.send();
console.log(http.responseText);
}
Espero que alguém consiga me ajudar...
Desde já agradeço.
Atenciosamente.
Felipe Coutinho
Discussão (7)
Carregando comentários...