Hướng dẫn can html read a text file? - html có thể đọc một tệp văn bản không?

Để đọc một tệp văn bản được đặt cục bộ, chúng tôi có hai tùy chọn: để tải tệp trong HTML hoặc để đọc tệp đó trong chương trình JavaScript máy tính để bàn của bạn. Đối với điều này, bạn có API web đầu đọc tệp cho các trang web và gói hệ thống tệp cho JavaScript máy tính để bàn. Về cơ bản, cả hai đều thực hiện cùng một thao tác: đọc một tệp văn bản. Trong hướng dẫn này, bạn đã sử dụng hàm readFile [] từ gói hệ thống tệp và readfileastext [] từ API Web Reader File.

1. Thông tin về các Tác giả
2. Tôi tò mò về công nghệ và viết và khám phá nó là niềm đam mê của tôi. Tôi quan tâm đến việc học các kỹ năng mới và cải thiện kiến ​​thức của mình và tôi có bằng Cử nhân Khoa học Máy tính.

Làm cách nào để mở một tệp văn bản trong HTML?

Mở tệp HTML đã lưu trong trình duyệt yêu thích của bạn [nhấp đúp vào tệp hoặc nhấp chuột phải - và chọn "Mở bằng"].

Làm thế nào để bạn chèn một tệp văn bản vào HTML? readFile[] included in this package allows you to read data from a file.

Cú pháp của phương thức readFile [] Phương thức cú pháp của phương thức readFile [] được đưa ra như:
The syntax of the readFile[] method is given as:

FileSystemVar.ReadFile [PathTeThefile, Tùy chọn, CallbackFunction];readFile[ PathToTheFile, Options, CallbackFunction];

Các chi tiết của cú pháp này là như:

• FileSyStamVar: Đây là biến đã được đặt bằng yêu cầu phải có gói hệ thống tập tin This is the variable that has been set equal require filesystem package
• PathTeThefile: Đây là đường dẫn đến tệp mà bạn muốn đọc This is the path to the file that you want to read
• Tùy chọn: Đây là các tùy chọn tùy chọn có thể lọc mã hóa và các thuộc tính khác của tệp These are the optional options that can filter encoding and other attributes of the file
• CallbackFunction: Hàm gọi lại sẽ được thực thi khi đọc thành công tệp A callback function that will be executed upon a successful read of the file

Ví dụ 1: Đọc một tệp với gói hệ thống tệp

Bắt đầu bằng cách tạo một tệp văn bản mới trên máy tính của bạn và đặt một số văn bản bên trong nó như

Sau đó, hãy vào bên trong tệp JavaScript của bạn và bao gồm gói hệ thống tệp bằng cách sử dụng từ khóa yêu cầu:

const fs = yêu cầu ["fs"]; fs = require["fs"];

Sau đó sử dụng các dòng sau:

fs.ReadFile ["demo.txt", [err, data] => {& nbsp; if [err] ném err;readFile["demo.txt", [err, data] => {
  if [err] throw err;

& nbsp; Console.log [data.toString []];}];log[data.toString[]];
}];

Các bước sau đang được thực hiện trong mã đã đề cập ở trên:

• Đọc tệp Demo demo.txtdemo.txt”
• Nếu có lỗi, thì hãy ném thông báo lỗi đó vào thiết bị đầu cuối
• Trong trường hợp không có lỗi, hãy lưu trữ dữ liệu được đọc từ tệp trong biến dữ liệudata variable
• In nội dung của biến dữ liệu sau khi chuyển đổi nó thành chuỗi bằng phương thức toString []data variable after converting it to string using the toString[] method

Sau khi thực hiện mã, bạn sẽ quan sát đầu ra sau trên thiết bị đầu cuối của mình:

Dữ liệu từ tệp đã được in lên thiết bị đầu cuối.

API Web Filereader để đọc các tệp trên trang web HTML

API đầu đọc tệp chỉ hoạt động với các trang web HTML và một trong những hạn chế của API này là nó hoạt động trên các tệp đã được đọc theo TAG. Nó có nhiều chức năng cho phép người dùng đọc tệp trong các mã hóa khác nhau.input type= “file”> tag. It has multiple functions that allow the user to read the file in different encodings.

Ví dụ 2: Đọc một tệp văn bản cục bộ từ trang web HTML

Bắt đầu bằng cách thiết lập trang web HTML, để sử dụng các dòng sau:

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;center>
     
     

Bạn sẽ nhận được trang web sau trên trình duyệt của mình:

Sau đó, hãy truy cập vào tệp JavaScript và ghi ra các dòng mã sau:

document.getEuityById ["inputFileToread"] & nbsp; .AddeventListener ["Change", function [] {& nbsp; & nbsp; var fr = new filereader []; & nbsp; & nbsp; fr.readastext [this.files [0]]; & nbsp; & nbsp; fr.onload = function [] {& nbsp; & nbsp; & nbsp; console.log [fr.result]; & nbsp; & nbsp;}; & nbsp; & nbsp;}];getElementById["inputFileToRead"]
  .addEventListener["change", function [] {
    var fr = new FileReader[];
    fr.readAsText[this.files[0]];
    fr.onload = function [] {
      console.log[fr.result];
    };  
  }];

Các bước sau đang được thực hiện trong mã đã đề cập ở trên:

• Đọc tệp Demo demo.txt with the id “inputFileToRead”
• Nếu có lỗi, thì hãy ném thông báo lỗi đó vào thiết bị đầu cuối[fr] has been created using the FileReader[] constructor
• Trong trường hợp không có lỗi, hãy lưu trữ dữ liệu được đọc từ tệp trong biến dữ liệu is being read as a text using the fr variable
• In nội dung của biến dữ liệu sau khi chuyển đổi nó thành chuỗi bằng phương thức toString []

Sau khi thực hiện mã, bạn sẽ quan sát đầu ra sau trên thiết bị đầu cuối của mình:

Dữ liệu từ tệp đã được in lên thiết bị đầu cuối.

API Web Filereader để đọc các tệp trên trang web HTML

API đầu đọc tệp chỉ hoạt động với các trang web HTML và một trong những hạn chế của API này là nó hoạt động trên các tệp đã được đọc theo TAG. Nó có nhiều chức năng cho phép người dùng đọc tệp trong các mã hóa khác nhau.