Javascript Ler arquivo TXT e inputar em <textarea> - JavaScript/Html

guhbrj · 27 de abril de 2019

Pessoal, beleza?

alguém sabe dizer se tem como pegar um texto de um arquivo .txt e inputar em um <textarea>?

...
<textarea id="chat">
</textarea>
<script>
	document.getElementById("chat") = ????(abre arquivo e pega o texto)
</script>
...

Adriano_web · 27 de abril de 2019

Sim, use Ajax que solicita dados do "servidor", no caso você quer dados de um arquivo com extensão .txt também serve.

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    document.getElementById("chat").value = this.responseText;
  }
}

xhttp.open("GET", "arquivo.txt", true);
xhttp.send();

Outra forma também muito boa é o uso de AngularJs

guhbrj · 27 de abril de 2019

Funcionaria se o arquivo estivesse em um disco local ?

Adriano_web · 27 de abril de 2019

@guhbrj Funciona, mas de preferência tente coloca-lo próximo do arquivo index.html

guhbrj · 27 de abril de 2019

var xhttp = new XMLHttpRequest(); < - nesta linha eu insiro o path do arquivo ?

GabrielSennaMs · 27 de abril de 2019

@guhbrj Dá uma olha no tutorial de ajax no W3Schools

DiF · 28 de abril de 2019

@guhbrj Podes fazer a requisição assíncrona com a função $.ajax() do jquery se achar fácil. Particularmente gosto. Mas, recomendo que use sempre online.

Por exemplo, o arquivo txt ficar no servidor, e ir reescrevendo ele a medida que se conversa no chat, então usando o ajax para ler ou escrever o arquivo.

Adriano_web · 28 de abril de 2019

@guhbrj

13 horas atrás, guhbrj disse:

var xhttp = new XMLHttpRequest(); < - nesta linha eu insiro o path do arquivo ?

O path do arquivo é o segundo argumento do método open()

xhttp.open("GET", "path", true);

Jerônimo Vilar · 24 de novembro de 2020

Em 27/04/2019 às 17:51, Adriano_web disse:


var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { 
  if (this.readyState === 4 && this.status === 200) { 
    document.getElementById("chat").value = this.responseText; 
  } 
} 
xhttp.open("GET", "arquivo.txt", true);
xhttp.send();

O código funciona perfeito, porém meu TXT tem caracteres especiais e que não é mostrado de forma correta:

TXT = "1º João"

resultado: 1� Jo�o

Como corrigir isso?

Adriano_web · 24 de novembro de 2020

@Jerônimo Vilar

Pode tentar salva-lo com codificação UTF-8

E no seu HTML coloque a tag meta para a configuração dos caracteres unicode

<head>
  <meta charset="UTF-8" />
</head>

Entrar

Javascript Ler arquivo TXT e inputar em <textarea> - JavaScript/Html

Posts recomendados

guhbrj

Adriano_web

guhbrj

Adriano_web

guhbrj

GabrielSennaMs

DiF

Adriano_web

Jerônimo Vilar

Adriano_web

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos