Wie man PDF aus einem Byte-Array in Blazor anzeigt

1. Einleitung

IronPDF for C# PDF Solutions und Dokumentation ist eine C# PDF-Bibliothek, die das Handhaben der PDF-Darstellung und das Konvertieren von Byte-Arrays in PDF-Dateien unterstützt. Es unterstützt auch das Überprüfen und Drucken von PDFs sowie das Annotieren von PDFs mit Anmerkungswerkzeugen. Das Hinzufügen von Kopf- und Fußzeilen und das Zusammenführen mehrerer PDFs ist ebenfalls sehr bequem mit IronPDF.

IronPDF kann mit Blazor PDF Viewer verwendet werden, um einen PDF-Viewer zu erstellen, und es kann größere Dateigrößen verarbeiten, 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 einem Dateinamen anzeigen kann, und es unterstützt auch das Hochladen von Dateien und das Handhaben von Dateidownloads. IronPDF bietet auch eine Methode zur Bearbeitung der Seitennummerierung von PDF-Dokumenten, die einwandfrei mit Blazor funktioniert.

Darüber hinaus bietet IronPDF Codebeispiele zum Konvertieren von Byte-Arrays in PDF-Dokumente, Herunterladen von PDF-Dateien und Anzeigen von PDFs aus einem base64-String. Entwickler können PDF-Dateien auch in andere Dateiformate umwandeln, z.B. Bilder in PDF-Dokumente umwandeln.

IronPDF kann mit einer Blazor-Server-App verwendet und in Visual Studio integriert werden, um ein nahtloses Entwicklungserlebnis zu bieten. Mit IronPDF können Entwickler eine professionelle UI-Komponente erstellen, die zum Erstellen moderner, funktionsreicher Webanwendungen verwendet werden kann.

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

2. Anforderungen

Um das Tutorial zu verfolgen, sind folgende Werkzeuge und Anforderungen notwendig:

• Visual Studio 2019 oder später: Dies ist erforderlich, um die Blazor-Anwendung zu erstellen und auszuführen. Es kann von der offiziellen Visual Studio-Website heruntergeladen werden.
• .NET 5.0 oder später: Dies ist erforderlich, um die Blazor-Anwendung zu erstellen und auszuführen. Es kann von der offiziellen .NET-Downloadseite heruntergeladen werden.
• IronPDF: Dies ist die professionelle UI-Bibliothek, die verwendet wird, um PDF-Byte-Arrays in ein PDF-Dokument umzuwandeln und es im Blazor PDF Viewer anzuzeigen. Es kann von der offiziellen IronPDF-Website heruntergeladen werden.
• IronPDF.Blazor NuGet-Paket: Dies ist das NuGet-Paket, das verwendet wird, um IronPDF in die Blazor-Anwendung zu integrieren. Es kann aus dem NuGet-Paketmanager in Visual Studio installiert werden.

Einige in diesem Tutorial besprochene Funktionen erfordern möglicherweise eine kostenpflichtige Version von IronPDF. Darüber hinaus setzt das Tutorial ein grundlegendes Verständnis von Blazor und C# voraus.

3. eine Blazor Anwendung erstellen

Wir müssen ein neues Visual Studio-Projekt erstellen, bevor wir mit dem Bau unserer ersten Blazor-App beginnen können.

• Öffnen Sie Visual Studio.
• Klicken Sie auf "Ein neues Projekt erstellen".
• Wählen Sie die Blazor Server App Vorlage.

Erstellen eines neuen Projekts in Visual Studio

• Wählen Sie die Option "Weiter".
• Benennen Sie Ihre Anwendung.

Das neue Projekt in Visual Studio benennen

• Wählen Sie die Option "Weiter".
• Wählen Sie ein .NET Framework aus.

Das .NET 6.0 Framework für die neue Blazor-Server-App auswählen

• Klicken Sie auf die Schaltfläche Erstellen.
• Ein neues Projekt wird erstellt, wie unten gezeigt.

Erste Projektansicht in Visual Studio

Es wurden mehrere Dateien erstellt, um Ihnen eine einfach zu verwendende Blazor-Software zu bieten.

• Der Einstiegspunkt für die App, der den Server startet, ist program.cs, wo Sie auch die Middleware und Dienste für die App einrichten.
• Der Hauptteil der Anwendung heißt "App.razor".
• Einige Beispielwebseiten für die App finden Sie im Verzeichnis "Pages".
• Verschiedene Profileinstellungen für die lokale Entwicklungsumgebung sind in der Datei "launchSettings.json" im Verzeichnis "Properties" definiert. Wenn ein Projekt erstellt wird, wird automatisch eine Portnummer zugewiesen und in dieser Datei gespeichert.

Starten Sie das Vorlageprogramm.

Install-Package IronPdf

4. Erstellen und Anzeigen von PDFs aus Byte-Array

Um PDF-Byte-Arrays mit IronPDF in einer Blazor-Anwendung zu generieren, müssen Sie zuerst 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 ein PDF-Dokument mit dem folgenden Code erstellen:

// Placeholder for the URL used to generate the PDF
string _url = "";

// Method to render a URL as a PDF and convert the result to a base64 string
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();

    // Render the specified URL as a PDF
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");

    // Convert the PDF stream to a base64 string
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

// Placeholder for the URL used to generate the PDF
string _url = "";

// Method to render a URL as a PDF and convert the result to a base64 string
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();

    // Render the specified URL as a PDF
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");

    // Convert the PDF stream to a base64 string
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

' Placeholder for the URL used to generate the PDF
Private _url As String = ""

' Method to render a URL as a PDF and convert the result to a base64 string
Private Async Function ViewFile() As Task
	Dim renderer = New IronPdf.ChromePdfRenderer()

	' Render the specified URL as a PDF
	Dim pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata")

	' Convert the PDF stream to a base64 string
	_url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}"
End Function

Das oben erwähnte Code-Snippet verwendet die RenderUrlAsPdf-Methode von IronPDF, die den HTML-Text von einer angegebenen URL herunterlädt und in ein PDF-Format umwandelt. Das resultierende PDF-Material wird dann als eine Zeichenfolge unprozessierter Base64-Daten gerendert, indem der PDF-Stream in ein Base64-Format konvertiert und in einer lokalen Variablen gespeichert wird.

Anwendungen können erstellte PDF-Dateien auf dem Dateisystem des Servers für den späteren Zugriff speichern, indem sie die SaveAs-Funktion von IronPDF verwenden, die auf jeder ChromePdfRenderer-Instanz verfügbar ist.

Die Base64-PDF-Daten werden im nächsten Abschnitt des Codes zur Ausgabe auf den Client-Browser vorbereitet:

@if (_url != string.Empty)
{
    // Render the PDF base64 data as a PDF in an iframe
    <iframe src="@_url" width="100%" height="500px"></iframe>
}

@if (_url != string.Empty)
{
    // Render the PDF base64 data as a PDF in an iframe
    <iframe src="@_url" width="100%" height="500px"></iframe>
}

'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)
	' Render the PDF base64 data as a PDF in an iframe
'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <iframe src="@_url" width="100%" height="500px"></iframe>
	"100%" height="500px"></iframe>
'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <iframe src="@_url" width="100%" height
	"@_url" width="100%" height
	<iframe src="@_url" width
End Sub

Dieses Code-Snippet bindet die Base64-Daten an das src-Attribut eines iframe-Elements. Dies führt dazu, dass Browser ihre eingebauten Web-Viewer verwenden, um den Base64-Inhalt als entsprechendes PDF-Dokument darzustellen, sobald die Seite geladen ist.

Hier ist ein Bild von einer PDF-Datei, die aus einem Base64-String generiert wurde.

Eine in einer Blazor-App generierte PDF-Anzeige im Browser

// Create a simple PDF document with the text "Hello world!!"
var pdfDocument = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!");

// Create a simple PDF document with the text "Hello world!!"
var pdfDocument = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!");

' Create a simple PDF document with the text "Hello world!!"
Dim pdfDocument = (New IronPdf.ChromePdfRenderer()).RenderHtmlAsPdf("Hello world!!")

6. Fazit

Das Tutorial erläutert, wie man IronPDF-Funktionen und -Tutorials nutzt, um PDF-Dokumente in einer Blazor-Server-App zu erstellen und anzuzeigen. Es stellt zuerst IronPDF und seine Fähigkeiten vor, einschließlich Umwandlung von HTML in PDF, Hinzufügen von benutzerdefinierten Kopf- und Fußzeilen und Zusammenführen mehrerer PDFs. Dann gibt es eine schrittweise Anleitung zur Installation von IronPDF, zum Erstellen einer PDF-Datei in einer Blazor-Server-App und anschließend zur Umwandlung in ein PDF-Byte-Array und zur Anzeige im Blazor PDF Viewer durch Verwendung eines iframe.

Insgesamt bietet das Tutorial einen umfassenden Überblick darüber, wie man mit IronPDF und Blazor arbeitet, um PDF-Dokumente zu erstellen und anzuzeigen. Es ermutigt die Leser, weiter mit IronPDF 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 den kostenlosen Test von IronPDF nutzen. Dies gibt Ihnen genügend Zeit, um die Funktionen und die Funktionalität der Bibliothek auszuprobieren und zu sehen, ob sie Ihren Bedürfnissen entspricht.

Um loszulegen, können Sie sich auf die IronPDF-Dokumentation für Blazor beziehen, die ausführliche Informationen zur Verwendung der Bibliothek in Ihrem Projekt bietet. Sie können auch den IronPDF-Blog und die Tutorials durchstöbern, um Tutorials und Artikel zu finden, die eine Vielzahl von Themen im Zusammenhang mit PDF-Manipulation und -Rendering behandeln.

Wir empfehlen Ihnen, sich die Zeit zu nehmen, um weiter mit IronPDF und Blazor zu experimentieren und zu sehen, wie sie Ihre PDF-bezogenen Entwicklungsbemühungen verbessern können. Weitere Informationen zum Blazor PDF Viewer finden Sie im folgenden IronPDF Blazor PDF Viewer Tutorial.