Å lese en fil gjennom en nettleser er en viktig oppgave for ethvert nettsted som samhandler med brukerne. Filen kan nås uten å lagre den på internett. JavaScript gir en innebygd metode, FileReader () som kan brukes til å lese en fil. Dessuten kan forskjellige NPM -moduler også brukes til å lese en fil i JavaScript. Dette innlegget demonstrerer forskjellige metoder for å lese en fillinje for linje via JavaScript. Innholdet i dette innlegget er som følger:

• Hvordan lese en fillinje for linje i JavaScript
• Bruke FileReader () -metode for å lese en fillinje for linje i JavaScript
• Bruke Readline -modulen for å lese en fillinje for linje i JavaScript

Hvordan lese fillinje for linje i JavaScript?

JavaScript er kjent for å gi en rekke metoder, og egenskaper for å lette brukeren. Det innebygde FileReader () Metoden kan lese filinnholdet på hver linje. For eksempel “Readline” Modulen brukes også for å få tilgang til filen og lese den linje for linje. Dessuten kan brukere lese filen via nettsteder eller lokale maskiner.

Eksempel 1: Bruke FileReader () -metode for å lese en fillinje for linje i JavaScript

Her praktiseres HTML- og JavaScript -kode som viser bruken av FileReader () -metoden for å lese en fillinje for linje ved hjelp av funksjonalitetene til JavaScript.

HTML -kode

Eksempel for å lese lokal tekstfil

I denne koden leveres et filvalgfelt ved å gi navnet “Readfile” i stikkord. Etter det blir en JavaScript -fil integrert ved å gi kilden som "test.JS ”.

JavaScript -kode

La fil = dokument.getElementById ("readfile");
fil.AddEventListener ("Endring", funksjon ()
var Reader = New FileReader ();
leser.onload = funksjon (progressEvent)
konsoll.Logg (dette.resultat);
;
leser.Readastext (dette.filer [0]);
);

Beskrivelsen av koden er gitt her:

• for det første, getElementById er ansatt for å trekke ut filen “Id” Ved å gi verdien “Readfile”.
• Etter det, AddEventListener brukes til å utløse filen ved å passere "endring" verdi.
• Videre “FileReader ()” Metoden brukes for å lese innholdet i en fil.
• Endelig returneres innholdet i filen "dette.resultat".
• Til slutt, "leser.ReadAsText () ” brukes til å lese filen.

Produksjon

Utgangen viser at “JavaScript.tekst" Filen er valgt som en tekstfil fra nettleseren. Etter å ha valgt filen, linje-for-linjetekst “Velkommen til JavaScript” og “Velkommen til Linuxhint” leses og vises i konsollvinduet.

Eksempel 2: Bruke "Readline" -modul for å lese en fillinje for linje i JavaScript

En annen metode er tilpasset for å lese en fil ved å bruke Readline Modul i JavaScript. I denne metoden kreves det en bane for å få tilgang til filnavnet. For eksempel er koden gitt her.

Kode

konsoll.Logg ("Eksempel for å lese linje for linjetekst");
const f = krever ('fs');
const readline = krever ('readline');
var user_file = './JavaScript.tekst';
var r = readline.createInterface (
Inngang: f.CreateReadStream (user_file)
);
r.på ('linje', funksjon (tekst)
konsoll.logg (tekst);
);

I denne koden:

• For det første Krev (“Readline”) er ansatt for å lese en datastrøm fra en fil.
• Etter det, filnavnet “./JavaScript.tekst" er tilordnet “User_file” variabel.
• EN Readline.CreateInterface gir et grensesnitt for Readline -modulen for å lese innholdet i en fil.
• Videre en tilbakeringing "funksjon" brukes ved å gi verdien "tekst".
• Til slutt “Konsoll.Logg()" Metoden brukes for å presentere innholdet i konsollvinduet.

Produksjon

Utgangen viser det “Velkommen til JavaScript” og “Velkommen til Linuxhint” leses fra “JavaScript.tekst" fil.

Konklusjon

I JavaScript, en innebygd metode FileReader () ved siden av Readline Modul kan brukes til å lese en fillinje for linje. De FileReader () Metoden leser innholdet i filer som er lagret på det lokale systemet. Dessuten Readline Modulen utfører lesingen av innholdet. Begge disse metodene krever kilden til filen. Derimot kan du hente filen via nettstedet. To praktiske eksempler er gitt for å trekke ut innholdet som finnes i tekstfilen. Derfor har du lært en metode for å lese innholdet i en fil.