Làm cách nào để đọc đối tượng tệp trong JavaScript?

HTML 5 cung cấp một cách tiêu chuẩn để tương tác với các tệp cục bộ với sự trợ giúp của API tệp. API tệp cho phép tương tác với các tệp đơn, nhiều tệp cũng như BLOB. API FileReader có thể được sử dụng để đọc tệp không đồng bộ khi cộng tác với xử lý sự kiện JavaScript. Tuy nhiên, tất cả các trình duyệt không hỗ trợ HTML 5, vì vậy điều quan trọng là phải kiểm tra tính tương thích của trình duyệt trước khi sử dụng API tệp. Có bốn phương thức sẵn có trong API FileReader để đọc các tệp cục bộ

  • Trình đọc tệp. readAsArrayBuffer(). Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa ArrayBuffer đại diện cho dữ liệu của tệp
  • Trình đọc tệp. readAsBinaryString(). Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa dữ liệu nhị phân thô từ tệp dưới dạng chuỗi
  • Trình đọc tệp. readAsDataURL(). Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa một URL đại diện cho dữ liệu của tệp
  • Trình đọc tệp. readAsText(). Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa nội dung của tệp dưới dạng chuỗi văn bản. Phương thức này có thể lấy phiên bản mã hóa làm đối số thứ hai (nếu được yêu cầu). Mã hóa mặc định là UTF-8

Trong trường hợp này, chúng tôi đang sử dụng FileReader. readAsText() để đọc cục bộ. tập tin txt




 

    Read Text File

 

________số 8_______

    0_______1_______1 23

4_______1_______537

    9

 0

     2_______2_______3 4

 5

     7_______2_______87

01_______3_______23

4_______3_______5_______3_______67_______3_______89

    0

4_______4_______2     3    4     5

4_______4_______78    9

Read Text File01_______5_______23

Read Text File4_______5_______5

4_______5_______7

    0

4_______6_______012

04

    6

7

 

9

Làm cách nào để đọc đối tượng tệp trong JavaScript?

Mã này in nội dung của tệp đầu vào giống hệt như trong tệp đầu vào

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Giao diện cơ sở, qua đó bạn có thể thêm các chức năng mới vào đối tượng Tệp, là giao diện

thành viên có thể

Của cải

fileNameTrả về một chuỗi xác định tên của tệp. Không dùng nữa trong Firefox từ phiên bản 3. 6, sử dụng thuộc tính tên thay thế.

Thuộc tính này ở chế độ chỉ đọc. fileSizeTrả về một số nguyên chỉ định kích thước của tệp theo byte. Không dùng nữa trong Firefox từ phiên bản 3. 6, thay vào đó hãy sử dụng thuộc tính kích thước.

Thuộc tính này ở chế độ chỉ đọc. loại phương tiện 3. 6 Trả về một chuỗi xác định loại MIME của tệp. Được hỗ trợ trong Firefox từ phiên bản 3. 6.

Thuộc tính này ở chế độ chỉ đọc. tên 3. 6 Trả về một chuỗi xác định tên của tệp. Được hỗ trợ trong Firefox từ phiên bản 3. 6.

Thuộc tính này ở chế độ chỉ đọc. kích thước 3. 6 Trả về một số nguyên xác định kích thước của tệp theo byte. Được hỗ trợ trong Firefox từ phiên bản 3. 6.

Thuộc tính này là chỉ đọc

phương pháp

getAsBinary() Trả về nội dung của tệp dưới dạng luồng nhị phân

Giá trị trả về

Chuỗi chứa văn bản nhị phân

getAsDataURL() Trả về nội dung của tệp dưới dạng văn bản được mã hóa base64

Giá trị trả về

Chuỗi chứa văn bản được mã hóa base64

getAsText (mã hóa)Trả về nội dung của tệp dưới dạng văn bản trong mã hóa đã chỉ định

Thông số

mã hóaBắt buộc. Chuỗi chỉ định tên của bộ ký tự cần được sử dụng để mã hóa nội dung của tệp. Để biết danh sách các bộ ký tự, vui lòng xem trang dành cho các bộ ký tự

Giá trị trả về

Chuỗi chứa văn bản được mã hóa

Ví dụ mã HTML 1

Ví dụ này minh họa việc sử dụng các phương thức getAsBinary, getAsDataURL và getAsText của đối tượng Tệp

Làm cách nào để đọc một đối tượng từ một tệp trong JavaScript?

Để đọc tệp, sử dụng FileReader , cho phép bạn đọc nội dung của đối tượng Tệp vào bộ nhớ. Bạn có thể hướng dẫn FileReader đọc tệp dưới dạng bộ đệm mảng, URL dữ liệu hoặc văn bản.

Làm cách nào để đọc nội dung tệp trong JavaScript?

readAsText() để đọc cục bộ. .
readAsArrayBuffer(). Đọc nội dung của tệp đầu vào được chỉ định. .
readAsBinaryString(). Đọc nội dung của tệp đầu vào được chỉ định. .
readAsDataURL(). Đọc nội dung của tệp đầu vào được chỉ định

Đối tượng tệp trong JavaScript là gì?

Đối tượng Tệp là một loại Blob cụ thể và có thể được sử dụng trong bất kỳ ngữ cảnh nào mà Blob có thể . Đặc biệt, FileReader , URL. createObjectURL() , createImageBitmap() và XMLHttpRequest. send() chấp nhận cả Blob s và File s. Xem Sử dụng tệp từ ứng dụng web để biết thêm thông tin và ví dụ.

Tôi có thể đọc tệp văn bản bằng JavaScript không?

Về cơ bản nó là một chương trình JavaScript (fs. js) nơi viết chức năng cho các hoạt động đọc. Nhập mô-đun fs vào chương trình và sử dụng các hàm để đọc văn bản từ các tệp trong hệ thống . Chức năng đã sử dụng. Các hàm readFile() được sử dụng cho thao tác đọc.