Come leggere la riga di file per riga in javascript

Come leggere la riga di file per riga in javascript
Leggere un file tramite un browser è un'attività essenziale per qualsiasi sito Web che interagisce con i suoi utenti. È possibile accedere al file senza archiviarlo su Internet. JavaScript fornisce un metodo integrato, FileReader () che può essere usato per leggere un file. Inoltre, vari moduli NPM possono anche essere utilizzati per leggere un file in JavaScript. Questo post dimostra vari metodi per la lettura di una riga di file per riga tramite JavaScript. Il contenuto di questo post è il seguente:
  • Come leggere una riga file per riga in javascript
  • Utilizzo del metodo FileReader () per la lettura di una riga di file per riga in JavaScript
  • Utilizzo del modulo readline per la lettura di una riga file per riga in javascript

Come leggere la riga di file per riga in javascript?

JavaScript è famoso per fornire una varietà di metodi e proprietà per facilitare l'utente. Il integrato FileReader () Il metodo può leggere il contenuto del file di ogni riga. Ad esempio, il "linea di lettura" Il modulo viene anche utilizzato per accedere al file e leggere la riga per riga. Inoltre, gli utenti possono leggere il file tramite siti Web o macchine locali.

Esempio 1: utilizzando il metodo FileReader () per la lettura di una riga di file per riga in JavaScript

Qui viene praticato il codice HTML e JavaScript che mostra l'uso del metodo FileReader () per la lettura di una riga di file per riga usando le funzionalità di JavaScript.

Codice HTML

Esempio per leggere il file di testo locale



In questo codice, viene fornito un campo di selezione dei file fornendo il nome "ReadFile" nel etichetta. Successivamente, un file JavaScript viene integrato fornendo la fonte come "test.JS ".

Codice JavaScript

Let file = document.getElementById ("ReadFile");
file.addEventListener ("Change", function ()
var reader = new FileReader ();
lettore.Onload = function (progressEvent)
console.registro (questo.risultato);
;
lettore.ReadaStext (questo.files [0]);
);

La descrizione del codice è fornita qui:

  • In primo luogo, getelementbyid viene impiegato per estrarre il file "id" Passando il valore "ReadFile".
  • Dopo di che, addEventlistener viene utilizzato per attivare il file passando "modifica" valore.
  • Inoltre, il "FileReader ()" Il metodo viene impiegato per leggere il contenuto di un file.
  • Infine, il contenuto del file viene restituito "Questo.risultato".
  • Alla fine, "lettore.readastext () " è utilizzato per leggere il file.

Produzione

L'output mostra che il “JavaScript.TXT" Il file viene selezionato come file di testo dal browser. Dopo aver selezionato il file, riga per riga "Benvenuti in JavaScript" E "Benvenuti a Linuxhint" vengono letti e visualizzati nella finestra della console.

Esempio 2: utilizzando il modulo "readline" per la lettura di una riga file per riga in javascript

Un altro metodo è adattato per la lettura di un file utilizzando il linea di lettura Modulo in JavaScript. In questo metodo, è necessario un percorso per accedere al nome del file. Ad esempio, il codice viene fornito qui.

Codice

console.log ("Esempio per leggere il testo della riga per riga");
const f = requisito ('fs');
const readline = requisite ('readline');
var user_file = './JavaScript.TXT';
var r = readline.CreateInterface (
Input: f.CreaTeaTeadStream (user_file)
);
R.on ('riga', function (text)
console.log (testo);
);

In questo codice:

  • In primo luogo, il richiedere ("readline") viene impiegato per leggere un flusso di dati da un file.
  • Dopodiché, il nome file "./JavaScript.TXT" è assegnato al file "User_file" variabile.
  • UN linea di lettura.CREATEInterface fornisce un'interfaccia per il modulo readline per leggere il contenuto di un file.
  • Inoltre, un callback "funzione" viene utilizzato passando il valore "testo".
  • Finalmente il “Console.tronco d'albero()" Il metodo viene utilizzato per presentare il contenuto nella finestra della console.

Produzione

L'output lo mostra "Benvenuti in JavaScript" E "Benvenuti a Linuxhint" vengono letti dal “JavaScript.TXT" file.

Conclusione

In JavaScript, un metodo integrato FileReader () Accanto al linea di lettura Il modulo può essere utilizzato per leggere una riga del file per riga. IL FileReader () Il metodo legge il contenuto dei file archiviati sul sistema locale. Inoltre, il linea di lettura Il modulo esegue la lettura del contenuto. Entrambi questi metodi richiedono la fonte del file. Al contrario, è possibile recuperare il file tramite il sito Web. Vengono forniti due esempi pratici per estrarre il contenuto che si trova nel file di testo. Quindi, hai imparato un metodo per leggere il contenuto di un file.