🍋
Menu
General

Preview

Vista previa (inspección visual de archivos)

Una representación visual del contenido de un archivo mostrada antes de descargarlo o procesarlo, permitiendo a los usuarios verificar el resultado de una operación sin comprometerse con ella.

Detalle técnico

Las vistas previas basadas en navegador aprovechan las capacidades de renderizado nativas: imágenes via etiquetas o Canvas, PDFs via PDF.js o , audio/vídeo via elementos HTML5

 o  con resaltado de sintaxis. Para archivos grandes, las vistas previas pueden renderizar solo la primera página o una versión submuestreada para conservar memoria. Las Object URLs (URL.createObjectURL) muestran datos Blob sin la sobrecarga de codificación base64, y deben revocarse (URL.revokeObjectURL) cuando ya no se necesiten para prevenir fugas de memoria.

Ejemplo

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

Términos relacionados