35 Como hacer un visor de archivos DOCX y descargarlo en el curso de LARAVEL (PHP y MySql) FullStack

Duración: 8 min
Módulo: 📄 Listado y Visualización de Archivos Lección 6 de 7

Descripción

📝 Lección 35: Visor y Descarga de Archivos DOCX y Archivos de Video

Este capítulo aborda la gestión de archivos que no pueden ser visualizados directamente por el navegador, como los documentos de Word (.docx), y establece las bases para el visor de videos (.mp4).

📄 Visor y Descarga de Documentos Word (DOCX)

Dado que los navegadores web generalmente no tienen un visor nativo para archivos DOCX, el instructor opta por ofrecer la opción de descarga obligatoria a través de la misma ventana modal:

  1. Lógica Condicional: Se agrega un nuevo bloque elseif en la vista que pregunta si la $extension del archivo es docx (o doc) [00:56].
  2. Contenido del Modal: Para estos archivos, el modal muestra:
    • Icono de Word: Se muestra una imagen del icono de Word para identificar visualmente el tipo de archivo [02:11].
    • Botón de Descarga: Se añade un botón con la clase btn btn-success y el texto "Descargar" [03:13].
  3. Ruta de Descarga: El atributo href del botón se configura con la misma ruta completa del archivo que se usó para las imágenes y PDFs (ej. asset('storage/...')) [03:42].
  4. Resultado: Al hacer clic en el nombre del archivo Word, se abre el modal que solo muestra el icono y el botón. Al hacer clic en el botón "Descargar", el navegador comienza automáticamente la descarga del documento [03:51].

🎬 Iconografía para Archivos de Video (MP4)

Para preparar la visualización de archivos multimedia, se añade la iconografía necesaria para los videos:

  1. Icono de Video: Se descarga y se sube un icono de video a la carpeta icons [05:09].
  2. Lógica de Icono: Se agrega una nueva condición en la sección de listado de archivos que comprueba la extensión mp4 y muestra el icono de video correspondiente [05:59].

El instructor anuncia que la implementación del visor de video (usando un modal con la etiqueta <video>) se completará en el próximo capítulo, donde también se abordará la gestión de archivos de audio (MP3) [06:25].