Wie man PDF aus Byte-Array in Blazor anzeigt

1. Einführung

IronPDF ist eine C#-PDF-Bibliothek, die die Verarbeitung von PDF-Rendering und die Konvertierung von Byte-Arrays in PDF-Dateien unterstützt. Es unterstützt auch das Prüfen und Drucken von PDF-Dateien; es unterstützt auch die Überprüfung von PDFs mit Anmerkungswerkzeugen. Das Hinzufügen von Kopf- und Fußzeilen und das Zusammenführen mehrerer PDFs ist mit IronPDF ebenfalls sehr bequem.

IronPDF kann mit dem Blazor PDF-Viewer verwendet werden, um einen PDF-Viewer zu erstellen, und es kann mit größeren Dateigrößen umgehen, indem es eine Objekt-URL erstellt, die der Browser anzeigen kann.

Mit IronPDF und Blazor können Entwickler einen PDF-Viewer erstellen, der PDF-Dateien aus Byte-Arrays oder Dateinamen anzeigt und auch das Hochladen von Dateien und das Herunterladen von Dateien unterstützt. IronPDF bietet auch eine Methode zum Auslagern von PDF-Dokumenten, die mit Blazor problemlos funktioniert.

Darüber hinaus bietet IronPDF Code-Beispiele für die Konvertierung von Byte-Arrays in PDF-Dokumente, das Herunterladen von PDF-Dateien und die Anzeige von PDFs aus einer `base64'-String. Entwickler können PDF-Dateien auch in andere Dateiformate konvertieren, z. B konvertierung von Bildern in PDF-Dateien.

IronPDF kann mit einer Blazor-Server-Anwendung verwendet und in Visual Studio integriert werden, um eine nahtlose Entwicklung zu ermöglichen. Mit IronPDF können Entwickler eine professionelle UI-Komponente erstellen, die für die Entwicklung moderner, funktionsreicher Webanwendungen verwendet werden kann.

Dieser Artikel erklärt, wie Entwickler IronPDF verwenden können, um PDF-Byte-Arrays in PDF-Dokumente zu konvertieren und diese in einem Blazor PDF-Viewer anzuzeigen.

2. Anforderungen

Um dem Tutorial folgen zu können, sind die folgenden Werkzeuge und Voraussetzungen erforderlich:

• Visual Studio 2019 oder höher: Dies ist erforderlich, um die Blazor-Anwendung zu erstellen und auszuführen. Sie kann von der offiziellen Website zum Herunterladen von Dateien heruntergeladen werden: https://visualstudio.microsoft.com/downloads/
• .NET 5.0 oder höher: Dies ist erforderlich, um die Blazor-Anwendung zu erstellen und auszuführen. Sie kann von der offiziellen Website zum Herunterladen von Dateien heruntergeladen werden: https://dotnet.microsoft.com/download
• IronPDF: Dies ist die professionelle UI-Bibliothek, die verwendet wird, um PDF-Byte-Arrays in ein PDF-Dokument zu konvertieren und es im Blazor PDF-Viewer anzuzeigen. Sie kann von der IronPDF-Website heruntergeladen werden: https://ironpdf.com/

• ironPDF.Blazor"-NuGet-Paket: Dies ist das NuGet-Paket, das für die Integration von IronPDF in die Blazor-Anwendung verwendet wird. Es kann über den NuGet Package Manager in Visual Studio installiert werden.

  Für einige der in der Anleitung beschriebenen Funktionen ist möglicherweise eine kostenpflichtige Version von IronPDF erforderlich. Darüber hinaus setzt das Tutorial ein Grundverständnis von Blazor und C# voraus.

3. Erstellen einer Blazor-Anwendung

Wir müssen ein neues Visual Studio-Projekt erstellen, bevor wir mit der Erstellung unserer ersten Blazor-Anwendung beginnen können.

• Öffnen Sie Visual Studio.
• Klicken Sie auf Neues Projekt erstellen.

• Blazor Server App Template sollte gewählt werden.

  

  Erstellen eines neuen Projekts in Visual Studio

• Wählen Sie die Option Weiter.

• Der Name Ihrer Anwendung.

  

  Erstellen eines neuen Projekts in Visual Studio

• Wählen Sie die Option Weiter.

• Wählen Sie ein .NET-Framework

  

  Auswahl des .NET 6.0-Frameworks für die neue Blazor Server App

• Klicken Sie auf die Schaltfläche Erstellen.

• Wie unten zu sehen, wird ein neues Projekt erstellt.

  

  Was ist Blazor und wie funktioniert es

  Um Ihnen eine unkomplizierte, sofort einsatzbereite Blazor-Software zu bieten, wurden mehrere Dateien erstellt.

• Der Einstiegspunkt für die Anwendung, die den Server startet, ist die Datei "program.cs", in der Sie auch die Middleware und die Dienste für die Anwendung einrichten.
• Der Hauptteil der Anwendung wird "App.razor" genannt.
• Einige Beispiel-Webseiten für die App finden Sie im Verzeichnis Seiten.

• Verschiedene Profileinstellungen für die lokale Entwicklungsumgebung werden in der Datei "launchSettings.json" definiert, die sich im Verzeichnis Properties befindet. Wenn ein Projekt erstellt wird, wird automatisch eine Anschlussnummer zugewiesen und in dieser Datei gespeichert.

  Starten Sie das Vorlagenprogramm.

Blazor Projekttypen

Blazor unterstützt zwei Projekttypen: Blazor Server und Blazor WebAssembly.

Der erste Typ läuft auf dem Server und verwendet SignalR zur Kommunikation mit dem Browser. Das bedeutet, dass die Benutzeroberfläche der Anwendung auf dem Server gerendert wird und der Browser nur Aktualisierungen vom Server erhält. Blazor Server hat den Vorteil, dass er größere Anwendungen unterstützen kann und problemlos mehr Benutzer bedienen kann.

Blazor WebAssembly-Anwendungen hingegen werden vollständig im Browser ausgeführt und benötigen keinen Server, um zu funktionieren. Dadurch sind sie leichter und schneller zu laden, aber sie haben einige Einschränkungen, z. B. können sie keine größeren Dateien unterstützen.

Für dieses Tutorial wird empfohlen, eine Blazor-Server-Anwendung zu verwenden, da diese die Anzeige und Verarbeitung von PDF-Dateien unterstützt, die größer sein können. Darüber hinaus kann Blazor Server das Prüfen und Drucken von PDFs unterstützen, was eine nützliche Funktion für eine PDF-Viewer-Anwendung sein kann.

Installation von IronPDF

In diesem Abschnitt werden wir besprechen, wie IronPDF mit verschiedenen Methoden installiert wird

Verwendung der Befehlszeile

Navigieren Sie in Visual Studio zu Tools > NuGet Package Manager > Package Manager Console.

Geben Sie die folgende Zeile in die Terminal-Registerkarte des Paketmanagers ein:

Install-Package IronPdf

Nachdem das Paket nun heruntergeladen wurde, wird es im aktuellen Projekt installiert.

Package Manager Console UI

Verwendung von Manage NuGet Packages für Lösungen

Die NuGet Package Manager UI ist in Visual Studio verfügbar, um das Paket direkt in das Projekt zu installieren. Der folgende Screenshot zeigt, wie man sie öffnet.

Navigieren Sie zu NuGet Package Manager

Die Benutzeroberfläche des Paketmanagers bietet eine Durchsuchungsfunktion, die eine Liste der Paketbibliotheken anzeigt, die auf der NuGet-Website angeboten werden. Geben Sie das Schlüsselwort "IronPDF" ein, um das IronPDF-Paket zu finden (siehe Screenshot unten).

Suchen und installieren Sie das IronPDF-Paket in der NuGet Package Manager UI

Suchen Sie die IronPDF-Bibliothek im NuGet Package Manager, indem Sie im Abschnitt Browse nach ihr suchen.

Wählen Sie das IronPDF-Paket und klicken Sie auf die Schaltfläche "Installieren", um es dem Projekt hinzuzufügen.

4. Erstellen und Anzeigen von PDFs aus Byte-Array

Um PDF-Byte-Arrays mit IronPDF in einer Blazor-Anwendung zu erzeugen, müssen Sie zunächst die IronPDF-Abhängigkeit zu Ihrem Projekt hinzufügen.

Sobald Sie die IronPDF-Abhängigkeit zu Ihrer Blazor-Anwendung hinzugefügt haben, können Sie mit dem folgenden Code ein PDF-Dokument erstellen:

string _url = "";
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

string _url = "";
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

Private _url As String = ""
Private Async Function ViewFile() As Task
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata")
	_url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}"
End Function

Das oben erwähnte Codeschnipsel verwendet zunächst die IronPDF renderUrlAsPdf methode, die den HTML-Text von einer angegebenen URL herunterlädt und in ein PDF-Format konvertiert. Das resultierende PDF-Material wird dann von dem Codeschnipsel als eine Zeichenkette aus unverarbeiteten base64-Daten gerendert und in einer lokalen Variablen gespeichert.

Anwendungen können erstellte PDF-Dateien im Dateisystem des Servers speichern, um später darauf zugreifen zu können, indem sie IronPDFs speichern als funktion (zugänglich auf jedem chromePdfRenderer instanz).

Die base64-PDF-Daten werden im nächsten Abschnitt des Codes für die Ausgabe im Browser des Kunden vorbereitet.

@if (_url != string.Empty)
{

}

@if (_url != string.Empty)
{

}

'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: if(_url != string.Empty)
Private Sub New(Optional _url (Not ByVal) As = String.Empty)

End Sub

Die oben genannte Funktion bindet die based64-Daten an das src-Attribut eines iframe-Elements, nachdem sie diese von der Blazor-Server-Seite erhalten hat. Dies veranlasst Browser, ihre eingebauten Web-Viewer zu verwenden, um den Base64-Inhalt als ein entsprechendes PDF-Dokument zu rendern, sobald die Seite geladen ist.

Hier ist ein Bild einer PDF-Datei, die aus einer base64-Zeichenfolge erzeugt wurde.

Ansicht einer in einer Blazor-Anwendung erzeugten PDF-Datei im Browser

Einfache PDF-Dateien erstellen

Hier ist ein Beispiel-Codeausschnitt für die Erstellung eines einfachen PDF-Dokuments mit IronPDF in C#:

var renderer = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

var renderer = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'var renderer = New IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

Mit der im vorangegangenen Abschnitt beschriebenen Methode kann das erstellte PDF-Dokument mit dem Browser eines Clients angezeigt werden.

6. Schlussfolgerung

Das Lernprogramm zeigt, wie man IronPDF zur Erstellung und Anzeige von PDF-Dokumenten in einer Blazor-Server-Anwendung. Er stellt zunächst IronPDF und seine Fähigkeiten vor, darunter konvertierung von HTML in PDFund fügte hinzu kopfzeilen und Fußzeilenund zusammenführen mehrerer PDFs. Anschließend wird Schritt für Schritt erklärt, wie man IronPDF installiert, eine PDF-Datei in einer Blazor Server-Applikation erstellt, sie dann in ein PDF-Byte-Array konvertiert und mit Hilfe von iframe im Blazor PDF-Viewer anzeigt.

Insgesamt bietet das Tutorial einen umfassenden Überblick über die Arbeit mit IronPDF und Blazor zur Erstellung und Anzeige von PDF-Dokumenten. Er ermutigt die Leser, mit IronPDF weiter zu experimentieren und verschiedene Funktionen auszuprobieren, um funktionsreiche Anwendungen zu erstellen.

Wenn Sie daran interessiert sind, IronPDF in Ihrem Blazor-Projekt auszuprobieren, können Sie die Vorteile der kostenloser Test lizenz. So haben Sie ausreichend Zeit, die Funktionen der Bibliothek auszuprobieren und zu sehen, ob sie Ihren Anforderungen entspricht.

Für den Einstieg können Sie die IronPDF-Dokumentation für Blazor konsultieren, die detaillierte Informationen zur Verwendung der Bibliothek in Ihrem Projekt enthält. Sie können auch die IronPDF-Blog finden Sie Tutorials und Artikel zu einer Reihe von Themen rund um die Bearbeitung und das Rendern von PDF-Dateien.

Wir möchten Sie ermutigen, IronPDF und Blazor in Ruhe auszuprobieren und herauszufinden, wie sie Ihre Entwicklungsarbeit im PDF-Bereich verbessern können. Weitere Informationen zum Blazor PDF-Viewer finden Sie im Folgenden tutorium zum Blazor PDF-Viewer.