Mostrar PDF archivos en el navegador es esencial para aplicaciones web modernas como portales de gestión de contenido, paneles internos, flujos de trabajo de documentos y bibliotecas en línea. Aunque la integración básica de PDF con <iframe> funciona, carece de flexibilidad, capacidad de respuesta y opciones de interfaz de usuario personalizadas. El enfoque más poderoso y personalizable es convertir páginas PDF en HTML y construir tu propio visor de PDF en línea.

Esta guía explica cómo crear un visor de PDF completo basado en navegador utilizando la API REST de .NET. Por lo tanto, al final de este artículo, podrás incrustar un visor de PDF moderno, ligero y compatible con dispositivos móviles en cualquier aplicación web C#.

¿Por qué PDF Viewer?

Construir un visor de PDF en línea utilizando HTML tiene varias ventajas:

  • Responsive a móviles - Las páginas convertidas se escalan automáticamente en móviles y tabletas.
  • Sin plugins - Sin dependencias de plugins PDF del navegador.
  • Carga Rápida - Carga solo HTML página por página en lugar de todo el PDF.

API de conversión de PDF a HTML

Aspose.PDF Cloud es una increíble API REST que ofrece capacidades asombrosas para la generación de PDF y conversión a varios otros formatos soportados. De manera similar, también admite la conversión de PDF a formato HTML. Ahora, para convertir un archivo PDF al formato web HTML dentro de una aplicación .NET, intenta usar Aspose.PDF Cloud SDK for .NET API.

Paso 1 — Instalar Cloud SDK.

Instalar Aspose.PDF Cloud SDK para .NET a través del Administrador de Paquetes NuGet:

Install-Package Aspose.PDF-Cloud

Paso 2 - Credenciales de la nube. Obtén tu Client ID y Client Secret del Aspose Cloud dashboard.

Exportar PDF a HTML usando C#

A continuación se detallan cómo podemos desarrollar un “visor de PDF en línea” utilizando C# .NET.

PdfApi pdfApi = new PdfApi(clientSecret, clientID);

Cree una instancia del objeto PdfApi pasando los detalles del cliente secreto como argumento.

var pdfFile = System.IO.File.OpenRead(inputFile);

Cargue el archivo PDF de entrada desde la unidad local, ya que esta API espera el PDF de entrada como argumento.

pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5", 
    splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg", 
    outputFormat: "Zip" , file: "inputPDF.pdf");

/ For more examples, https://github.com/aspose-pdf-cloud/aspose-pdf-cloud-dotnet/tree/master/Examples

// Obtenga las credenciales del cliente de https://dashboard.aspose.cloud/
string clientSecret = "XXXXXXXX";
string clientID = "XXXXXX-XXXXX-XXXX-XXXXX-ff5c3a6aa4a2";

// create an instance of PdfApi
PdfApi pdfApi = new PdfApi(clientSecret, clientID);

// Input PDF file name
String inputFile = "input.pdf";
// read the content of input PDF file
var pdfFile = System.IO.File.OpenRead(inputFile);

// Call the API para convertir el archivo PDF a HTML y guardar la salida en el almacenamiento en la nube.
// La salida se generará como un archivo .ZIP
pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5", 
    splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg", 
    outputFormat: "Zip" , file: inputFile);

Guardar PDF como HTML usando cURL

Aparte del fragmento de código C#, también puede considerar exportar PDF como HTML utilizando Aspose.PDF Cloud y comandos cURL.

Paso 1: Generar token de acceso:

El primer paso en este enfoque es generar un token de acceso JWT basado en las credenciales del cliente.

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

Paso 2. Guardar PDF como HTML:

curl -v "https://api.aspose.cloud/v3.0/pdf/{inputPDF}/convert/html?compressSvgGraphicsIfAny=false&documentType=Html5&fixedLayout=true&splitIntoPages=false&rasterImagesSavingMode=AsPngImagesEmbeddedIntoSvg&removeEmptyAreasOnTopAndBottom=true&flowLayoutParagraphFullWidth=true" \
-X GET \
-H  "accept: multipart/form-data" \
-H  "authorization: Bearer {ACCESS_TOKEN}" \
-o "Converted.zip"

Reemplace {ACCESSTOKEN} e inputPDF con su token real y el archivo PDF disponible en el almacenamiento en la nube.

Convertidor de PDF a HTML en línea gratuito

Para probar las capacidades de la API REST en un navegador web, puede considerar usar nuestra aplicación gratuita en línea PDF to HTML converter. No se requiere descarga ni instalación de software.

pdf to html

Aplicación gratuita de conversión de PDF a HTML.

Conclusión

Crear un visor de PDF en línea en C# se vuelve simple al usar la conversión de PDF a HTML a través de la API REST de Aspose.PDF Cloud. Las páginas HTML se representan de forma nativa en los navegadores, lo que te permite construir un visor de PDF rico en características y completamente personalizable sin complementos.

Ya sea que estés desarrollando un portal de documentos, una herramienta interna o una aplicación web pública, la conversión de PDF a formato HTML brinda flexibilidad para ver archivos PDF en línea, sin la necesidad de Adobe Acrobat o cualquier otro software.

Enlaces Útiles

Artículos relacionados

Recomendamos encarecidamente visitar las siguientes publicaciones del blog para obtener información sobre: