Czytanie pliku za pośrednictwem przeglądarki jest niezbędnym zadaniem dla każdej strony internetowej, która wchodzi w interakcje z użytkownikami. Do pliku można uzyskać bez przechowywania go w Internecie. JavaScript zapewnia wbudowaną metodę, FileReader () które można użyć do odczytania pliku. Ponadto do odczytu pliku w JavaScript można również użyć różnych modułów NPM. Ten post pokazuje różne metody czytania wiersza plików według linii za pośrednictwem JavaScript. Treść tego postu jest następujący:

• Jak odczytać wiersz pliku w linii w JavaScript
• Za pomocą metody FileReader () do odczytu linii plików według linii w JavaScript
• Korzystanie z modułu Readline do odczytu linii pliku w linii w JavaScript

Jak odczytać wiersz pliku według linii w JavaScript?

JavaScript słynie z dostarczania różnych metod i nieruchomości w celu ułatwienia użytkownika. Wbudowany FileReader () Metoda może odczytać zawartość pliku każdego wiersza. Na przykład "Czytaj linię" Moduł jest również wykorzystywany do dostępu do pliku i odczytania linii IT według linii. Ponadto użytkownicy mogą odczytać plik za pośrednictwem stron internetowych lub lokalnych maszyn.

Przykład 1: Za pomocą metody FileReader () do odczytu linii pliku według linii w JavaScript

Tutaj ćwiczy się kod HTML i JavaScript pokazujący wykorzystanie metody FileReader () do odczytu linii plików według linii za pomocą funkcji JavaScript.

Kod HTML

Przykład do odczytania lokalnego pliku tekstowego

W tym kodzie pole wyboru pliku jest podawane przez nazwę „Czytaj plik” w etykietka. Następnie plik JavaScript jest zintegrowany, podając źródło jako "test.JS ”.

Kod JavaScript

Niech plik = dokument.getElementById („Readfile”);
plik.addEventListener („zmiana”, function ()
var reader = new FileReader ();
czytelnik.onload = funkcja (ProgressEvent)
konsola.Log (to.wynik);
;
czytelnik.Readastext (to.pliki [0]);
);

Opis kodu jest tutaj podany:

• Po pierwsze, GetElementById jest stosowany do wyodrębnienia pliku "ID" Przekazując wartość „Czytaj plik”.
• Po tym, addEventListener jest wykorzystywany do wyzwolenia pliku, przekazując "zmiana" wartość.
• Ponadto „FileReader ()” Do czytania zawartości pliku stosuje się metodę.
• Wreszcie treść pliku jest zwracana "Ten.wynik".
• Na końcu, "czytelnik.ReadASText () ” jest wykorzystywany do odczytu pliku.

Wyjście

Dane wyjściowe pokazuje, że „JavaScript.tekst" Plik jest wybierany jako plik tekstowy z przeglądarki. Po wybraniu pliku tekst linii po linii „Witamy w JavaScript” I „Witamy w Linuxhint” są odczytywane i wyświetlane w oknie konsoli.

Przykład 2: Za pomocą modułu „Readline” do odczytu linii pliku według linii w JavaScript

Inna metoda jest dostosowana do odczytania pliku poprzez zastosowanie Czytaj linię moduł w JavaScript. W tej metodzie wymagana jest ścieżka, aby uzyskać dostęp do nazwy pliku. Na przykład kod jest tutaj podany.

Kod

konsola.log („Przykład do odczytu wiersza według tekstu wiersza”);
const f = wymaga („fs”);
const readline = wymaga („readline”);
var user_file = './JavaScript.tekst';
var r = readline.createInterface (
Wejście: f.Crereadstream (user_file)
);
R.on („linia”, funkcja (text)
konsola.log (tekst);
);

W tym kodzie:

• Po pierwsze, Wymagaj („odczyt”) jest stosowany do odczytania strumienia danych z pliku.
• Potem nazwa pliku "./JavaScript.tekst" jest przypisany do „User_file” zmienny.
• A Czytaj linię.createInterface Zapewnia interfejs modułu Readline do odczytania zawartości pliku.
• Ponadto oddzwonienie "funkcjonować" jest wykorzystywany przez przekazanie wartości "tekst".
• Wreszcie "konsola.dziennik()" Metoda jest stosowana do prezentacji zawartości w oknie konsoli.

Wyjście

Wyjście to pokazuje „Witamy w JavaScript” I „Witamy w Linuxhint” są czytane z „JavaScript.tekst" plik.

Wniosek

W JavaScript wbudowana metoda FileReader () obok Czytaj linię Moduł można użyć do odczytu linii plików po wierszu. FileReader () Metoda odczytuje zawartość plików przechowywanych w systemie lokalnym. Ponadto Czytaj linię Moduł wykonuje odczyt treści. Obie te metody wymagają źródła pliku. Natomiast możesz odzyskać plik za pośrednictwem strony internetowej. Dostarczono dwa praktyczne przykłady wyodrębnienia zawartości, która znajduje się w pliku tekstowym. Dlatego nauczyłeś się metody czytania treści pliku.