🍋
Menu
General

Preview

预览(可视化文件检查)

在下载或处理之前显示的文件内容的可视化表示,允许用户在确认操作前验证结果。

技术细节

基于浏览器的预览利用原生渲染能力:通过 标签或 Canvas 显示图像,通过 PDF.js 或 显示 PDF,通过 HTML5

 或语法高亮的  块显示文本。对于大文件,预览可能仅渲染第一页或降采样版本以节省内存。Object URL (URL.createObjectURL) 可显示 Blob 数据而无需 base64 编码开销,不再需要时应通过 URL.revokeObjectURL 释放以防止内存泄漏。

示例

```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);
```

相关术语