Cómo leer Archivo Línea por línea en JavaScript

Cómo leer Archivo Línea por línea en JavaScript
Leer un archivo a través de un navegador es una tarea esencial para cualquier sitio web que interactúe con sus usuarios. Se puede acceder al archivo sin almacenarlo en Internet. JavaScript proporciona un método incorporado, FileReader () que se puede usar para leer un archivo. Además, varios módulos NPM también se pueden usar para leer un archivo en JavaScript. Esta publicación demuestra varios métodos para leer un archivo línea por línea a través de JavaScript. El contenido de esta publicación es el siguiente:
  • Cómo leer un archivo Line by Line en JavaScript
  • Uso del método FileReader () para leer un archivo Línea por línea en JavaScript
  • Uso del módulo Readline para leer un archivo línea por línea en JavaScript

Cómo leer Archivo Línea por línea en JavaScript?

JavaScript es famoso por proporcionar una variedad de métodos y propiedades para facilitar al usuario. El incorporado FileReader () El método puede leer el contenido del archivo de cada línea. Por ejemplo, el "Readline" El módulo también se utiliza para acceder al archivo y leerlo línea por línea. Además, los usuarios pueden leer el archivo a través de sitios web o máquinas locales.

Ejemplo 1: Uso del método FileReader () para leer un archivo Línea por línea en JavaScript

Aquí, se practica el código HTML y JavaScript que muestra el uso del método FileReader () para leer un archivo Line por línea utilizando las funcionalidades de JavaScript.

código HTML

Ejemplo para leer el archivo de texto local



En este código, se proporciona un campo de selección de archivos dando el nombre "Readfile" en el etiqueta. Después de eso, un archivo JavaScript se integra al proporcionar la fuente como "prueba.JS ".

Código JavaScript

dejar archivo = documento.getElementById ("ReadFile");
archivo.addEventListener ("Change", function ()
var lector = new FileReader ();
lector.onload = function (progressEvent)
consola.Log (esto.resultado);
;
lector.readastext (esto.archivos [0]);
);

La descripción del código se proporciona aquí:

  • En primer lugar, GetElementByid se emplea para extraer el archivo "identificación" pasando el valor "Readfile".
  • Después, AddEventListener se utiliza para activar el archivo pasando el "cambiar" valor.
  • Además, el "FileReader ()" El método se emplea para leer el contenido de un archivo.
  • Finalmente, el contenido del archivo se devuelve a través de "este.resultado".
  • Al final, "lector.readastext () " se utiliza para leer el archivo.

Producción

La salida muestra que el "JavaScript.TXT" El archivo se selecciona como un archivo de texto del navegador. Después de seleccionar el archivo, texto de línea por línea "Bienvenido a JavaScript" y "Bienvenido a Linuxhint" se leen y se muestran en la ventana de la consola.

Ejemplo 2: Uso del módulo "Readline" para leer un archivo línea por línea en JavaScript

Otro método está adaptado para leer un archivo empleando el línea de lectura Módulo en JavaScript. En este método, se requiere una ruta para acceder al nombre del archivo. Por ejemplo, el código se proporciona aquí.

Código

consola.log ("Ejemplo para leer el texto de línea por línea");
const f = require ('fs');
consta readline = request ('readline');
var user_file = './JavaScript.TXT';
var r = Readline.createInterface (
Entrada: F.CreateReadStream (user_file)
);
riñonal.on ('línea', function (text)
consola.log (texto);
);

En este código:

  • En primer lugar, el Requerir ("Readline") se emplea para leer un flujo de datos de un archivo.
  • Después de eso, el nombre de archivo "./JavaScript.TXT" se asigna a la "User_file" variable.
  • A línea de lectura.createInterface Proporciona una interfaz para que el módulo Readline lea el contenido de un archivo.
  • Además, una devolución de llamada "función" se utiliza pasando el valor "texto".
  • Finalmente, el "consola.registro()" Se emplea el método para presentar el contenido en la ventana de la consola.

Producción

La salida muestra que "Bienvenido a JavaScript" y "Bienvenido a Linuxhint" se leen del "JavaScript.TXT" archivo.

Conclusión

En JavaScript, un método integrado FileReader () junto con el línea de lectura El módulo se puede usar para leer un archivo línea por línea. El FileReader () El método lee el contenido de los archivos almacenados en el sistema local. Además, el línea de lectura El módulo realiza la lectura del contenido. Ambos métodos requieren la fuente del archivo. En contraste, puede recuperar el archivo a través del sitio web. Se proporcionan dos ejemplos prácticos para extraer el contenido que se encuentra en el archivo de texto. Por lo tanto, ha aprendido un método para leer el contenido de un archivo.