Como ler um arquivo de texto com código Javascript em HTML

Alguns aplicativos da web exigem que o programador leia um arquivo de texto. Esse tipo de importação pode ser feito usando Javascript no código HTML de uma página da web. Javascript é uma linguagem do lado do cliente que permite aos programadores executar código em um navegador da web. É diferente do código do lado do servidor, pois o último é executado no servidor host e mostra o resultado no navegador. Depois que o arquivo de texto é importado, o programador pode optar por exibir a entrada em um contêiner “div” da página da web.

Passo 1

Coloque seu bloco Javascript no arquivo HTML. Cada bloco de instruções em Javascript deve estar entre uma tag de código. Abaixo está o início do código em Javascript, que encapsula seu processo de importação de texto:

Etapa 2

Leia o arquivo Para ler um arquivo em Javascript, a função fopen é necessária. O código a seguir obtém o conteúdo de um arquivo chamado “myFile.txt”: file = fopen (getScriptPath (“myFile.txt”), 0);
Em espanhol: “myFile.txt”: file = fopen (getScriptPath (“myFile.txt”), 0);

Etapa 3

Atribua o conteúdo do arquivo a uma variável do tipo string. Essa variável pode ser usada para imprimir o resultado e exibi-lo aos usuários. O código para atribuir o conteúdo a uma variável é o seguinte: file_length = flength (file); content = fread (arquivo, comprimento_do_arquivo); Em espanhol: file_length = flength (file); content = fread (arquivo, comprimento_do_arquivo);

Etapa 4

Crie uma div no seu arquivo HTML para mostrar os resultados. Use o seguinte código para criar uma div:

Etapa 5

Escreva o conteúdo do arquivo de texto que você recebeu com Javascript na div. O código a seguir obtém o ID da div e grava o conteúdo do arquivo de texto para que os leitores possam ver os resultados da importação do arquivo: document.getElementById (“miDiv”). InnerText = content;

Etapa 6

Salve o arquivo HTML e abra-o no seu navegador. Em seguida, teste o novo código para garantir que ele possa ser compilado e executado. Os resultados da importação do seu arquivo de texto são mostrados na tag div.

Referências

 

Você pode estar interessado:

Deixe um comentário