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
2
3
4_______1_______5
3
7
9
0
2_______2_______3
4
5
7_______2_______87
0
1_______3_______2
3
4_______3_______5_______3_______6
7_______3_______8
9
0
4_______4_______2
3
4
5
4_______4_______7
8
9
Read Text File
01_______5_______2
3
Read Text File
4_______5_______5
4_______5_______7
0
4_______6_______0
1
2
0
4
6
7
9
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ânGiá 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 base64Giá 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ỉ địnhThô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