Cómo crear un enlace de descarga en PDF

HTML5 le permite obligar al navegador web del visitante a descargar archivos, como PDF, en lugar de abrirlos en el navegador. Alternativamente, puede incrustar y mostrar sus archivos PDF dentro de la página, o dejar que el navegador web los muestre en lugar de abrir un visor de PDF externo.

Un PDF incrustado y dos hipervínculos en una página web.

Credito de imagen: Imagen cortesía de Mozilla

Propina

HTML5 es compatible con todos los navegadores web modernos. Si tiene problemas para ver páginas HTML5, actualizar su navegador web.

Obligar al navegador a descargar el archivo PDF

Paso 1

Busque el lugar donde desea insertar el enlace.

Credito de imagen: Imagen cortesía de Microsoft

Abra el archivo HTML en el Editor de HTML de tu preferencia. Si no tiene un editor, puede usar el editor de texto del Bloc de notas de Windows para editar sus páginas web.

Video del día

Busque el lugar donde desea mostrar el hipervínculo en el documento. El contenido de la página web se puede encontrar entre las etiquetas y.

Paso 2

Cree el hipervínculo que descarga el PDF.

Credito de imagen: Imagen cortesía de Microsoft

Escribe Clic aquí para descargar el pdf para crear un nuevo hipervínculo que descargue el PDF en lugar de abrirlo en el navegador web.

Reemplace "PDF_Name.pdf" con el nombre del PDF si el archivo está en la misma carpeta que el archivo HTML. Si el PDF está en una carpeta diferente, use la ruta completa al archivo - C: \ Descargas \ Sample.pdf, por ejemplo.

La descarga parámetro obliga al navegador web a descargar el archivo en lugar de abrirlo mediante el visor de PDF integrado del navegador. Puede escribir un nombre significativo para el PDF, reemplazando "Nuevo nombre de PDF"; el navegador usa este nombre cuando guarda el archivo. El cambio de nombre es útil cuando los archivos PDF se generan automáticamente en el servidor y contienen nombres largos y sin sentido.

Reemplace "Haga clic aquí para descargar el PDF" con su propio texto de anclaje, que es la parte visible del enlace en la que se puede hacer clic.

Propina

  • La parte "Nuevo nombre de PDF" es opcional; utilícelo solo si desea darle un nombre diferente al PDF cuando el visitante lo descargue.
  • Para forzar al navegador a descargar el PDF sin cambiar el nombre del archivo, use el siguiente código: Clic aquí para descargar el pdf

Paso 3

Pruebe el nuevo hipervínculo en Firefox.

Credito de imagen: Imagen cortesía de Mozilla

prensa Ctrl-S para guardar los cambios en la página web y luego probar el nuevo hipervínculo abriendo la página en un navegador web. Haga clic en el nuevo enlace y el navegador le pedirá que guarde el archivo.

Incrustar o abrir el PDF dentro del navegador

Incrustar archivos PDF

Al incrustar el archivo PDF en la página web, muestra el contenido del archivo dentro de un contenedor.

Propina

  • El visitante puede desplazarse por el PDF y leerlo sin abrirlo en una nueva pestaña o descargarlo en su PC.
  • Puede especificar la altura y el ancho del contenedor.

Paso 1

Incruste un PDF en una página web con el Bloc de notas.

Credito de imagen: Imagen cortesía de Microsoft

Abra la página web en el Bloc de notas o en un editor HTML y escriba en cualquier lugar entre las etiquetas y para empotrar el archivo PDF.

Reemplazar "PDF_Name.pdf" con el nombre de su archivo o con la ruta completa al archivo si el PDF se encuentra en una carpeta diferente a la del archivo HTML.

Reemplace "height_in_pixels" y "width_in_pixels" con la altura y el ancho que desea que tenga el contenedor.

Paso 2

Un PDF incrustado en una página web en Firefox.

Credito de imagen: Imagen cortesía de Mozilla

prensa Ctrl-S para guardar los cambios en la página web y luego probar el PDF incrustado abriendo la página en un navegador web.

Abrir archivos PDF dentro del navegador

Abra el PDF dentro del navegador web creando un Hipervínculo sin el parámetro de descarga: Haga clic aquí. El navegador web abre el archivo usando su visor de PDF integrado; solo solicita al visitante que descargue el archivo si el visor está desactivado o funciona mal.

Propina

Para abrir el PDF en una nueva pestaña o ventana, agregue el parámetro de destino al hipervínculo. Un ejemplo: Haga clic aquí.