🍋
Menu
General

Preview

Xem trước (Kiểm tra tệp trực quan)

Biểu diễn trực quan nội dung tệp hiển thị trước khi tải về hoặc xử lý, cho phép người dùng xác minh kết quả của thao tác mà không cần thực hiện xong hoàn toàn.

Chi tiết kỹ thuật

Xem trước trên trình duyệt tận dụng khả năng hiển thị gốc: hình ảnh qua thẻ hoặc Canvas, PDF qua PDF.js hoặc , âm thanh/video qua phần tử HTML5

 hoặc khối  có tô sáng cú pháp. Với tệp lớn, bản xem trước có thể chỉ hiển thị trang đầu tiên hoặc phiên bản giảm mẫu để tiết kiệm bộ nhớ. Object URL (URL.createObjectURL) hiển thị dữ liệu Blob mà không cần chi phí mã hóa base64, và cần được thu hồi (URL.revokeObjectURL) khi không còn cần để ngăn rò rỉ bộ nhớ.

Ví dụ

```javascript
// Preview: file processing example
const file = document.getElementById('fileInput').files[0];
const reader = new FileReader();
reader.onload = (e) => {
  const data = e.target.result;
  console.log(`Loaded: ${file.name} (${file.size} bytes)`);
};
reader.readAsArrayBuffer(file);
```

Thuật ngữ liên quan