Cómo leer un archivo de texto local usando JavaScript?

En JavaScript, hay múltiples paquetes y API disponibles que permiten al usuario leer datos de un archivo colocado localmente. Dos de las más famosas de estas bibliotecas son

1. Paquete del sistema de archivos: permite que los programas de JavaScript lean archivos del sistema
2. API de FileReaderWeb: permite el trabajo con archivos desde una página web HTML.

Como puede ver, ambos funcionan de manera diferente; Uno funciona para una página web HTML y la otra para programas locales de JavaScript.

Paquete del sistema de archivos para leer archivos en su escritorio

El paquete del sistema de archivos viene con el entorno de nodo predeterminado para programas JavaScript alojados localmente. Sin embargo, aún debe incluir el paquete del sistema de archivos en su código JavaScript utilizando la palabra clave requerida. Después de eso, la función readfile () incluido en este paquete le permite leer datos de un archivo.

Sintaxis del método ReadFile ()
La sintaxis del método readfile () se da como:

FileSystemVar.readfile (PathTotheFile, Opciones, CallbackFunction);

Los detalles de esta sintaxis son como:

• FileSystamVar: Esta es la variable que se ha establecido igual Requerir el sistema de archivos paquete
• Pathtothefile: Esta es la ruta al archivo que desea leer
• Opciones: Estas son las opciones opcionales que pueden filtrar la codificación y otros atributos del archivo
• CallbackFunction: Una función de devolución de llamada que se ejecutará en una lectura exitosa del archivo

Ejemplo 1: leer un archivo con el paquete del sistema de archivos

Comience creando un nuevo archivo de texto en su computadora y coloque un texto dentro de él como

Después de eso, diríjase dentro de su archivo JavaScript e incluya el paquete del sistema de archivos utilizando la palabra clave Requerir:

const fs = require ("fs");

Luego use las siguientes líneas:

FS.Readfile ("Demo.txt ", (err, data) =>
if (err) tirar err;
consola.Dato de registro.Encadenar());
);

Los siguientes pasos se realizan en el código mencionado anteriormente:

• Lea el archivo "manifestación.TXT"
• Si hay un error, entonces arroje ese mensaje de error al terminal
• En caso de que no hay error, almacene los datos leídos del archivo en el datos variable
• Imprima el contenido del datos variable después de convertirlo en cadena usando el Encadenar() método

Tras la ejecución del código, observará la siguiente salida en su terminal:

Los datos del archivo se han imprimido en el terminal.

API web de FileReader para leer archivos en una página web HTML

La API del lector de archivos solo funciona con páginas web HTML, y una de las restricciones de esta API es que funciona en los archivos que han sido leídos por <tipo de entrada = "archivo"> Etiqueta. Tiene múltiples funciones que permiten al usuario leer el archivo en diferentes codificaciones.

Ejemplo 2: Leer un archivo de texto local desde una página web HTML

Comience configurando una página web HTML, para que use las siguientes líneas:

Obtendrá la siguiente página web en su navegador:

Después de eso, diríjase al archivo JavaScript y escriba las siguientes líneas de código:

documento.getElementById ("InputFiletoread")
.addEventListener ("Change", function ()
var fr = new FileReader ();
fría.readastext (esto.archivos [0]);
fría.onload = function ()
consola.log (FR.resultado);
;
);

Los siguientes pasos se realizan en el código mencionado anteriormente:

• Se está aplicando un oyente de acción en su con la identificación "InputFiletoread"
• Luego un objeto de lector de archivos (FR) se ha creado utilizando el constructor FileReader ()
• Luego el primer archivo en el está siendo leído como un texto usando el fría variable
• Al leer exitoso del archivo, que los datos se imprimen en la consola

Para demostrar esto, seleccione el mismo archivo que se seleccionó en el primer ejemplo y obtendrá el siguiente resultado en la consola de su navegador:

El resultado muestra que el archivo ha sido leído con éxito por la página web HTML.

Conclusión

Para leer un archivo de texto ubicado localmente, tenemos dos opciones: para cargar el archivo en HTML o leer ese archivo en su programa de escritorio JavaScript. Para esto, tiene una API web del lector de archivos para páginas web y un paquete de sistema de archivos para JavaScript de escritorio. Esencialmente, ambos realizan la misma operación: leer un archivo de texto. En este tutorial, ha utilizado la función ReadFile () desde el paquete del sistema de archivos y readFileastext () de la API web del lector de archivos.