Phương thức readAsDataURL
được sử dụng để đọc nội dung của Blob
hoặc File
đã chỉ định. Khi thao tác đọc kết thúc, readyState
trở thành DONE
và
0 được kích hoạt. Khi đó, thuộc tính
1 chứa dữ liệu dưới dạng data. URL đại diện cho dữ liệu của tệp dưới dạng chuỗi được mã hóa base64Ghi chú. Không thể giải mã trực tiếp
1 của blob dưới dạng Base64 mà không xóa khai báo Data-URL trước dữ liệu được mã hóa Base64. Để chỉ truy xuất chuỗi được mã hóa Base64, trước tiên hãy xóa
3 khỏi kết quảreadAsDataURL[blob]
4Blob
hoặc File
để đọc
Không có [
7]
________số 8_______
function previewFiles[] {
const preview = document.querySelector['#preview'];
const files = document.querySelector['input[type=file]'].files;
function readAndPreview[file] {
// Make sure `file.name` matches our extensions criteria
if [/\.[jpe?g|png|gif]$/i.test[file.name]] {
const reader = new FileReader[];
reader.addEventListener["load", [] => {
const image = new Image[];
image.height = 100;
image.title = file.name;
image.src = this.result;
preview.appendChild[image];
}, false];
reader.readAsDataURL[file];
}
}
if [files] {
Array.prototype.forEach.call[files, readAndPreview];
}
}
Ghi chú. Hàm tạo
8 không được Internet Explorer hỗ trợ cho các phiên bản trước 10. Để biết mã tương thích đầy đủ, bạn có thể xem giải pháp khả thi cho trình duyệt chéo của chúng tôi để xem trước hình ảnh. Xem thêm ví dụ mạnh mẽ hơn này