Cómo obtener una vista previa de archivos PDF en HTML usando el complemento PDF.JS

Autor：Eve Cole Fecha de actualización：2025-01-20 11:48:01

PDF.js es un lector de PDF basado en HTML5. Es compatible con la mayoría de los navegadores convencionales y es relativamente sencillo de usar. Los pasos son los siguientes:

1. Descargue el complemento PDF.js

Dirección de descarga: http://mozilla.github.io/pdf.js/getting_started/#download

2. Implementación de archivos

Cree una nueva carpeta y coloque el archivo del complemento PDF.js en la nueva carpeta.

3. Crea un nuevo index.html

El código en el archivo HTML es el siguiente:

 <!DOCTYPE html><html> <head> <meta charset=utf-8> <meta nombre=viewport content=ancho=ancho del dispositivo, escala inicial=1, escala máxima=1> <meta nombre=contenido de google =notranslate> <meta http-equiv=Contenido compatible con X-UA=IE=edge> <title>"Guía de uso"-Lemon Courseware</title> <script> función openFile () { var url = pdf.pdf; window.open(pdfjs/web/viewer.html?file= + url) </script> </head> <body> <tipo de entrada=botón onclick=openFile() valor=Abrir); > </cuerpo></html>

4. Coloque el archivo pdf.pdf en pdfjs/web/

5. Haga clic para navegar.

Nota: Debido a que pdf.js necesita depender de los protocolos http, https. Así que navegue por el índice directamente para abrir el error. Simplemente utilice un servicio o explore una idea.

Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.