Como ler um arquivo de texto local usando JavaScript?

No JavaScript, vários pacotes e APIs estão disponíveis que permitem ao usuário ler dados de um arquivo localmente localizado. Dois dos mais famosos dessas bibliotecas são

1. Pacote do sistema de arquivos: permite que os programas JavaScript leiam arquivos do sistema
2. FileReaderWeb API: permite o trabalho com arquivos de uma página da web html.

Como você pode ver, ambos funcionam de maneira diferente; Um funciona para uma página da web html e a outra para programas JavaScript locais.

Pacote do sistema de arquivos para ler arquivos em sua área de trabalho

O pacote do sistema de arquivos vem com o ambiente do nó padrão para programas JavaScript hospedados localmente. No entanto, você ainda precisa incluir o pacote do sistema de arquivos em seu código JavaScript usando a palavra -chave necessária. Depois disso, a função readfile () Incluído neste pacote permite que você leia dados de um arquivo.

Sintaxe do método readfile ()
A sintaxe do método readfile () é dada como:

Filesystemvar.ReadFile (PathTothefile, Opções, Function Function);

Os detalhes desta sintaxe são como:

• Filesystamvar: Esta é a variável que foi definida igual requer o sistema de arquivos pacote
• Pathtothefile: Este é o caminho para o arquivo que você deseja ler
• Opções: Essas são as opções opcionais que podem filtrar a codificação e outros atributos do arquivo
• Função de chamadas: Uma função de retorno de chamada que será executada em uma leitura bem -sucedida do arquivo

Exemplo 1: Lendo um arquivo com o pacote do sistema de arquivos

Comece criando um novo arquivo de texto no seu computador e coloque algum texto dentro dele como

Depois disso, entre no seu arquivo JavaScript e inclua o pacote do sistema de arquivos usando a palavra -chave requer:

const fs = requer ("fs");

Em seguida, use as seguintes linhas:

fs.ReadFile ("Demonstração.txt ", (err, dados) =>
se (err) lançar err;
console.log (dados.para sequenciar());
);

As etapas a seguir estão sendo executadas no código mencionado acima:

• Leia o arquivo “demonstração.TXT”
• Se houver um erro, jogue essa mensagem de erro no terminal
• Em caso de nenhum erro, armazene os dados lidos no arquivo no dados variável
• Imprima o conteúdo do dados variável depois de convertê -lo em string usando o para sequenciar() método

Após a execução do código, você observará a seguinte saída no seu terminal:

Os dados do arquivo foram impressos no terminal.

API da Web FileReader para ler arquivos em uma página da web html

A API do leitor de arquivos funciona apenas com páginas da web html, e uma das restrições desta API é que ela funciona nos arquivos que foram lidos por <Tipo de entrada = “arquivo”> tag. Possui várias funções que permitem ao usuário ler o arquivo em diferentes codificações.

Exemplo 2: lendo um arquivo de texto local de uma página da web html

Comece configurando uma página da web html, pois usa as seguintes linhas:

Você receberá a seguinte página da web em seu navegador:

Depois disso, vá até o arquivo JavaScript e anote as seguintes linhas de código:

documento.getElementById ("inputFilEtoread")
.addEventListener ("alteração", function ()
var fr = new FileReader ();
fr.Destatext (isso.arquivos [0]);
fr.OnLoad = function ()
console.log (fr.resultado);
;
);

As etapas a seguir estão sendo executadas no código mencionado acima:

• Um ouvinte de ação está sendo aplicado em seu com o id “inputFilEtoread”
• Então um objeto do leitor de arquivos (FR) foi criado usando o construtor FileReader ()
• Então o primeiro arquivo no está sendo lido como um texto usando o fr variável
• Após a leitura bem -sucedida do arquivo, os dados estão sendo impressos no console

Para demonstrar isso, selecione o mesmo arquivo selecionado no primeiro exemplo e você obterá o seguinte resultado no console do seu navegador:

O resultado mostra que o arquivo foi lido com sucesso pela página da web html.

Conclusão

Para ler um arquivo de texto localmente localmente, temos duas opções: para carregar o arquivo em html ou ler esse arquivo em seu programa JavaScript de desktop. Para isso, você tem API da web do leitor de arquivos para páginas da web e um pacote de sistemas de arquivos para JavaScript para desktop. Essencialmente, ambos executam a mesma operação: lendo um arquivo de texto. Neste tutorial, você usou a função readfile () no pacote do sistema de arquivos e readfileastext () da API da web do leitor de arquivos.