Para abrir un PDF alojado en internet, usa la siguiente estructura en la URL:
https://pdfvieweronline.web.app/web/viewer.html?file=URL_ENCODED_DEL_PDF
Ejemplo:
https://pdfvieweronline.web.app/web/viewer.html?file=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fhandschematic.appspot.com%2Fo%2FCanon%252FCanon%2520EOS%252040D%2520(C12-6171)%2520Service%2520Manual-compressed.pdf%3Falt%3Dmedia%26token%3Df0e549c2-0f89-4742-a82e-85570899d9ae
Link Prueba
Para que el visor PDF funcione correctamente con enlaces de Firebase u otros servidores, necesitas codificar la URL usando encodeURIComponent en JavaScript.
Código de ejemplo en JavaScript:
function encodePDFUrl(url) {
return encodeURIComponent(url);
}
let pdfUrl = "https://firebasestorage.googleapis.com/v0/b/handschematic.appspot.com/o/Canon%2FCanon%20EOS%2040D%20(C12-6171)%20Service%20Manual-compressed.pdf?alt=media&token=f0e549c2-0f89-4742-a82e-85570899d9ae";
let encodedUrl = encodePDFUrl(pdfUrl);
let viewerUrl = `https://pdfvieweronline.web.app/web/viewer.html?file=${encodedUrl}`;
console.log("URL Codificada:", viewerUrl);
Introduce el enlace del PDF para obtener la URL lista para abrir en el visor:
Enlace generado:
Para abrir un PDF localmente, simplemente usa la ruta absoluta del archivo en tu sistema.
Si no funciona intenta usar un servidor como el de Firebase Storage, rápido, simple y con capa gratuita.
Ejemplo:
Para abrirlo en el visor PDF, usa la siguiente estructura:
Link del Visualizador + ?file= + link del pdf
https://pdfvieweronline.web.app/web/viewer.html?file=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fhandschematic.appspot.com%2Fo%2FCanon%252FCanon%2520EOS%252040D%2520(C12-6171)%2520Service%2520Manual-compressed.pdf%3Falt%3Dmedia%26token%3Df0e549c2-0f89-4742-a82e-85570899d9ae
Para más detalles, consulta la documentación oficial: PdfJsOnline