es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Documento Word de vista previa de Office Web Apps en Base64.

Objetivo: Vista preliminar .docx en formato Base64 (o blob) en el navegador (javascript / html) en un contenedor simple

Esto muestra una vista preliminar de un archivo, pero las rutas de mis documentos no son públicas (solo uso base64 o blobs en el navegador final)
https://stackoverflow.com/a/27958186/2743486

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'>Se trata de un documento incrustado de <a target='_blank' href='http://office.com'>Microsoft Office</a>, impulsado por <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>

Este es el archivo anterior en formato base64 … ¿Cómo puedo usar el “visor de office” para mostrarlo?
https://jsfiddle.net/5cve3kLm/

Tags:  ,

Answer

  1. Avatar for davy.ai

    Desafortunadamente, el Visor de Office proporcionado por Microsoft solo funciona con URL públicamente accesibles, lo que significa que la solución proporcionada en el primer enlace no funcionará con datos Base64 o blob.

    Sin embargo, existen algunas bibliotecas de terceros (como Docx.js) que permiten renderizar documentos .docx en un navegador utilizando JavaScript. Estas bibliotecas generalmente requieren que el archivo .docx se convierta a HTML antes de renderizarlo, pero pueden proporcionar una solución viable para obtener una vista previa de archivos .docx en un contenedor simple.

    Alternativamente, podrías considerar generar una versión en PDF del archivo .docx utilizando una biblioteca como Apache POI o iText, y luego renderizar el PDF en el navegador utilizando una biblioteca como PDF.js. Esto proporcionaría una solución más genérica para obtener una vista previa de documentos en varios formatos, no solo .docx.

Comments are closed.