Das Anzeigen von PDF Dateien im Browser ist für moderne Webanwendungen wie Content-Management-Portale, interne Dashboards, Dokumenten-Workflows und Online-Bibliotheken unerlässlich. Während das grundlegende Einbetten von PDFs mit <iframe> funktioniert, mangelt es an Flexibilität, Reaktionsfähigkeit und benutzerdefinierten UI-Optionen. Der leistungsstärkste und anpassbare Ansatz besteht darin, PDF-Seiten in HTML zu konvertieren und Ihren eigenen Online-PDF-Viewer zu erstellen.

Dieser Leitfaden erklärt, wie man einen vollständigen browserbasierten PDF-Viewer mit .NET REST-API erstellt. Daher werden Sie am Ende dieses Artikels in der Lage sein, einen modernen, schlanken und mobilfreundlichen PDF-Viewer in jede C#-Webanwendung einzubetten.

Warum PDF-Viewer?

Der Aufbau eines Online-PDF-Viewers mit HTML hat mehrere Vorteile:

  • Mobil-responsive - Konvertierte Seiten skalieren automatisch auf Mobilgeräten und Tablets.
  • Plugin-frei - Keine Abhängigkeiten von PDF-Plugins im Browser.
  • Schnelles Laden - Laden Sie nur die HTML-Seiten einzeln anstelle des gesamten PDFs.

PDF zu HTML Konvertierungs-API

Aspose.PDF Cloud ist eine erstaunliche REST-API, die beeindruckende Möglichkeiten zur PDF-Erstellung und -Konvertierung in verschiedene andere unterstützte Formate bietet. Ebenso unterstützt sie auch die Konvertierung von PDF in das HTML-Format. Um eine PDF-Datei in das HTML-Webformat innerhalb einer .NET-Anwendung zu konvertieren, verwenden Sie Aspose.PDF Cloud SDK für .NET API.

Schritt 1 — Installieren Sie das Cloud SDK.

Install Aspose.PDF Cloud SDK for .NET via NuGet Package Manager:

Install-Package Aspose.PDF-Cloud

Schritt 2 - Cloud-Anmeldeinformationen. Holen Sie sich Ihre Client-ID und Client-Secret vom Aspose Cloud Dashboard.

Export PDF to HTML using C#

Nachfolgend sind die Details, wie wir einen "Online-PDF-Viewer" mit C# .NET entwickeln können.

PdfApi pdfApi = new PdfApi(clientSecret, clientID);

Erstellen Sie eine Instanz des PdfApi Objekts, indem Sie die Client-Geheimdetails als Argument übergeben.

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

Laden Sie die Eingabe-PDF-Datei von der lokalen Festplatte, da diese API die Eingabe-PDF als Argument erwartet.

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

// Holen Sie sich Client-Anmeldeinformationen von 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-Dateiname
String inputFile = "input.pdf";
// read the content of input PDF file
var pdfFile = System.IO.File.OpenRead(inputFile);

// Call the API to convert PDF file to HTML and save the output to cloud storage
// Die Ausgabe wird als .ZIP-Archiv generiert.
pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5", 
    splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg", 
    outputFormat: "Zip" , file: inputFile);

Save PDF as HTML using cURL

Neben C#-Code-Snippets können Sie auch in Betracht ziehen, PDF als HTML mithilfe von Aspose.PDF Cloud und cURL-Befehlen zu exportieren.

Schritt 1: Zugriffstoken generieren:

Der erste Schritt in diesem Ansatz besteht darin, ein JWT-Zugriffstoken basierend auf den Client-Anmeldeinformationen zu generieren.

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"

Schritt 2. PDF als HTML speichern:

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"

Ersetzen Sie {ACCESSTOKEN} und inputPDF durch Ihren tatsächlichen Token und die PDF-Datei, die im Cloud-Speicher verfügbar ist.

Kostenloser Online PDF zu HTML Konverter

Um die Fähigkeiten der REST-API in einem Webbrowser zu testen, können Sie unsere kostenlose Online- PDF to HTML converter App in Betracht ziehen. Kein Software-Download oder Installation erforderlich.

pdf to html

Kostenlose PDF zu HTML Konverter App.

Fazit

Der Aufbau eines Online-PDF-Viewers in C# wird einfach, wenn die PDF → HTML-Konvertierung über die Aspose.PDF Cloud REST API verwendet wird. HTML-Seiten werden nativ in Browsern gerendert, sodass Sie einen funktionsreichen und vollständig anpassbaren PDF-Viewer ohne Plugins erstellen können.

Egal, ob Sie ein Dokumentenportal, ein internes Tool oder eine öffentliche Webanwendung entwickeln — die Konvertierung von PDF in HTML-Format bietet die Flexibilität, PDF Dateien online anzuzeigen, ohne dass Adobe Acrobat oder eine andere Software erforderlich ist.

Verwandte Artikel

Wir empfehlen dringend, die folgenden Blogbeiträge für Informationen zu besuchen: