5 votos

No se pueden ver archivos PDF dentro de un iframe en Chrome para Android

Tengo esta captura de pantalla mostrando un PDF en un iframe en Chrome para Android. Mi dispositivo es Samsung Galaxy S9+.

iframe screenshot

Cuando hago clic en el botón de abrir, no ocurre nada.

También he abierto la misma página en el navegador predeterminado de Samsung y el PDF empieza a descargarse inmediatamente.

¿Alguien sabe qué ocurre con este PDF en Google Chrome?

1voto

radtek Puntos 151

Para cualquiera que busque más información sobre este tema, nunca he encontrado una manera de mostrar el pdf en un iframe. En su lugar, he configurado un enlace de descarga a un elemento html para permitir que el pdf para ser visto fuera del navegador.

Primero tuve que convertir los datos brutos en una URL de objeto, así:

const byteArray = new Uint8Array(atob(rawPdfData).split('').map(char => char.charCodeAt(0)));
const pdf = new Blob([byteArray], { type: 'application/pdf' });
const pdfUrl = URL.createObjectURL(pdf);

Después de esto, fue bastante sencillo crear un enlace de descarga:

const pdfDownload = document.getElementById('pdfDownload');
(pdfDownload as HTMLAnchorElement).href = pdfUrl;

PreguntAndroid.com

PreguntAndroid es una comunidad de usuarios de Android en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X