Hướng dẫn what is the use of filereader in javascript? - việc sử dụng trình đọc tệp trong javascript là gì?

Một đối tượng tệp kế thừa từ Blob và được mở rộng với các khả năng liên quan đến hệ thống tập tin.

Có hai cách để có được nó.

Đầu tiên, có một hàm tạo, tương tự như Blob:

new File(fileParts, fileName, [options])

• fileParts - là một mảng các giá trị Blob/Buffersource/String. – is an array of Blob/BufferSource/String values.
• fileName - Chuỗi tên tệp. – file name string.
• options - Đối tượng tùy chọn: – optional object:
  • lastModified - dấu thời gian (ngày nguyên) của sửa đổi cuối cùng. – the timestamp (integer date) of last modification.

Thứ hai, chúng ta thường xuyên nhận được một tệp từ

Vì

• 4 - Tên tệp,
• lastModified - dấu thời gian của sửa đổi cuối cùng.

Đó là cách mà chúng ta có thể nhận được một đối tượng

Xin lưu ý:

Đầu vào có thể chọn nhiều tệp, vì vậy

Filereader

Filereader là một đối tượng có mục đích duy nhất là đọc dữ liệu từ các đối tượng Blob (và do đó

Nó cung cấp dữ liệu bằng các sự kiện, vì đọc từ đĩa có thể mất thời gian.

Người xây dựng:

let reader = new FileReader(); // no arguments

Các phương pháp chính:

• let reader = new FileReader(); // no arguments

  2 - Đọc dữ liệu ở định dạng nhị phân

  let reader = new FileReader(); // no arguments

  3. – read the data in binary format

  let reader = new FileReader(); // no arguments

  3.

• let reader = new FileReader(); // no arguments

  4 - Đọc dữ liệu dưới dạng chuỗi văn bản với mã hóa đã cho (

  let reader = new FileReader(); // no arguments

  5 theo mặc định). – read the data as a text string with the given encoding (

  let reader = new FileReader(); // no arguments

  5 by default).

• let reader = new FileReader(); // no arguments

  6 - Đọc dữ liệu nhị phân và mã hóa nó dưới dạng URL dữ liệu Base64. – read the binary data and encode it as base64 data url.

• let reader = new FileReader(); // no arguments

  7 - ​​Hủy thao tác. – cancel the operation.

Việc lựa chọn phương pháp

let reader = new FileReader(); // no arguments

• let reader = new FileReader(); // no arguments

  9-Đối với các tệp nhị phân, để thực hiện các hoạt động nhị phân cấp thấp. Đối với các hoạt động cấp cao, như cắt,
  1 kế thừa từ Blob, vì vậy chúng tôi có thể gọi chúng trực tiếp mà không cần đọc.

• 2 - Đối với các tệp văn bản, khi chúng tôi muốn có một chuỗi.

• 3 - Khi chúng tôi muốn sử dụng dữ liệu này trong
  4 cho
  5 hoặc thẻ khác. Có một giải pháp thay thế để đọc một tệp cho điều đó, như đã thảo luận trong chương Blob:
  6.

Khi đọc sách, có những sự kiện:

• 7 - Đang tải bắt đầu.

• 8 - Xảy ra trong khi đọc.

• 9 - Không có lỗi, đọc Hoàn thành.
• Blob0 -

  let reader = new FileReader(); // no arguments

  7 được gọi.
• Blob2 - Đã xảy ra lỗi.
• Blob3 - Đọc kết thúc với thành công hoặc thất bại.

Khi đọc kết thúc, chúng ta có thể truy cập kết quả như:

• Blob4 là kết quả (nếu thành công)
• Blob5 là lỗi (nếu không thành công).

Các sự kiện được sử dụng rộng rãi nhất là chắc chắn

Ở đây, một ví dụ về việc đọc một tập tin:

Blob8 cho đốm màu

Như đã đề cập trong chương Blob, Blob8 có thể đọc không chỉ các tệp, mà là bất kỳ đốm màu nào.

Chúng ta có thể sử dụng nó để chuyển đổi một Blob sang định dạng khác:

• let reader = new FileReader(); // no arguments

  2 - đến

  let reader = new FileReader(); // no arguments

  3,

• let reader = new FileReader(); // no arguments

  4 - để chuỗi (một giải pháp thay thế cho Blob3),

• let reader = new FileReader(); // no arguments

  6 - đến URL dữ liệu Base64.

Blob5 có sẵn bên trong nhân viên web

Đối với nhân viên web, cũng tồn tại một biến thể đồng bộ là Blob8, được gọi là Filereadersync.

Các phương thức đọc của nó

let reader = new FileReader(); // no arguments

Mặc dù vậy, chỉ có bên trong một nhân viên web, bởi vì sự chậm trễ trong các cuộc gọi đồng bộ, có thể đọc được từ các tệp, trong nhân viên web ít quan trọng hơn. Chúng không ảnh hưởng đến trang.

Bản tóm tắt

Ngoài các phương thức và thuộc tính Blob, các đối tượng

Blob8 Các đối tượng có thể đọc từ một tệp hoặc một đốm màu, ở một trong ba định dạng:

• Chuỗi (
  2).

• let reader = new FileReader(); // no arguments

  3 (

  let reader = new FileReader(); // no arguments

  9).
• URL dữ liệu, cơ sở-64 được mã hóa (
  3).

Trong nhiều trường hợp, chúng tôi không phải đọc nội dung tệp. Giống như chúng tôi đã làm với Blobs, chúng tôi có thể tạo một URL ngắn với

Và nếu chúng tôi sẽ gửi một