如何從字節數組在Blazor中顯示PDF

1.簡介

IronPDF for C# PDF Solutions and Documentation是一個 C# PDF 庫，支援處理 PDF 渲染並將位元組數組轉換為 PDF 文件。 它還支援審查和列印 PDF 文件，以及使用註釋工具對 PDF 文件進行註釋。 使用 IronPDF 添加頁首和頁尾以及合併多個 PDF 文件也非常方便。

IronPDF 可以與 Blazor PDF 檢視器一起使用來建立 PDF 檢視器，並且它可以透過建立瀏覽器可以顯示的物件 URL 來處理更大的檔案大小。

開發者可以使用 IronPDF 和 Blazor 建立 PDF 檢視器，該檢視器可以從位元組數組或文件名顯示 PDF 文件，並且還支援上傳文件和處理文件下載。 IronPDF 還提供了一種處理 PDF 文件分頁的方法，該方法與 Blazor 配合得很好。

此外，IronPDF 還提供了程式碼範例，用於將位元組數組轉換為 PDF 文件、下載 PDF 文件以及從base64字串顯示 PDF。 開發人員還可以將 PDF 文件轉換為其他文件格式，例如將圖像轉換為 PDF 文件。

IronPDF 可以與 Blazor 伺服器應用程式一起使用，並且可以與 Visual Studio 集成，從而提供無縫的開發體驗。 透過 IronPDF，開發人員可以建立專業級的 UI 元件，可用於建立現代化的、功能豐富的 Web 應用程式。

本文解釋了開發人員如何使用 IronPDF 將 PDF 位元組數組轉換為 PDF 文檔，並在 Blazor PDF 檢視器中顯示它們。

2. 要求

要學習本教程，需要以下工具和條件：

• Visual Studio 2019 或更高版本：這是創建和運行 Blazor 應用程式所必需的。 可從Visual Studio 官方網站下載。
• .NET 5.0 或更高版本：這是建置和運行 Blazor 應用程式所必需的。 可以從官方的 .NET 下載頁面下載。
• IronPDF：這是一個專業級的 UI 庫，用於將 PDF 位元組數組轉換為 PDF 文檔，並在 Blazor PDF 檢視器中顯示它。 可從IronPDF官方網站下載。
• IronPDF.Blazor NuGet 套件：這是用於將 IronPDF 與 Blazor 應用程式整合的 NuGet 套件。 它可以透過 Visual Studio 中的 NuGet 套件管理器進行安裝。

教學中討論的某些功能可能需要 IronPDF 的付費版本。 此外，本教學假定讀者對 Blazor 和 C# 有基本的了解。

3. 創建 Blazor 應用程式

我們必須先建立一個新的 Visual Studio 項目，才能開始建立我們的第一個 Blazor 應用程式。

• 開啟 Visual Studio。
• 點選"建立新項目"。

• 選擇 Blazor 伺服器應用程式範本。

  如何在 Blazor 中顯示位元組數組中的 PDF，圖 1：在 Visual Studio 中建立新項目 在 Visual Studio 中建立新項目

• 選擇"下一步"選項。

• 請為您的申請命名。

  如何在 Blazor 中從位元組數組顯示 PDF，圖 2：在 Visual Studio 中命名新項目 在 Visual Studio 中命名新項目

• 選擇"下一步"選項。

• 選擇一個 .NET Framework。

  如何在 Blazor 中從位元組數組顯示 PDF，圖 3：為新的 Blazor 伺服器應用程式選擇 .NET 6.0 框架 為新的 Blazor 伺服器應用程式選擇 .NET 6.0 框架

點擊"創建"按鈕。

• 將建立一個新項目，如下所示。

  如何在 Blazor 中從位元組陣列顯示 PDF，圖 4：Visual Studio 中的初始專案視圖 Visual Studio 中的初始專案視圖

我們產生了多個文件，為您提供一個簡單易用的 Blazor 軟體。

• 啟動伺服器的應用程式入口點是program.cs ，您也可以在其中設定應用程式的中間件和服務。
• 該應用程式的主要部分名為"App.razor"。
• 您可以在"Pages"目錄中找到該應用程式的一些範例網頁。
• 本機開發環境的不同設定檔設定在"Properties"目錄下的"launchSettings.json"檔案中定義。 建立專案時，會自動指派連接埠號碼並將其儲存到此檔案中。

啟動模板程式。

Install-Package IronPdf

4. 從位元組數組建立和顯示 PDF

要在 Blazor 應用程式中使用 IronPDF 產生 PDF 位元組數組，首先需要將 IronPDF 相依性新增至您的專案。

將 IronPDF 依賴項新增至 Blazor 應用程式後，即可使用下列程式碼建立 PDF 文件：

// 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

上述程式碼片段使用了 IronPDF 的RenderUrlAsPdf方法，該方法從指定的 URL 下載 HTML 文字並將其轉換為 PDF 格式。 然後，將生成的 PDF 材料渲染為未經處理的 base64 資料字串，方法是將 PDF 流轉換為 base64 格式並將其儲存在局部變數中。

應用程式可以使用 IronPDF 的SaveAs功能將創建的 PDF 文件保存到伺服器的檔案系統中，以便稍後訪問，該功能在每個ChromePdfRenderer實例上均可存取。

程式碼的下一部分將準備 base64 PDF 數據，以便輸出到客戶端瀏覽器：

@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

這段程式碼片段將 base64 資料綁定到iframe元素的src屬性。 這樣一來，瀏覽器就會使用其內建的網頁檢視器，在頁面載入後立即將 Base64 內容渲染成合適的 PDF 文件。

這是一張由 base64 字串產生的 PDF 檔案的圖像。

如何在 Blazor 中顯示位元組數組產生的 PDF 文件，圖 8：在瀏覽器中查看 Blazor 應用程式中產生的 PDF 文件 在瀏覽器中查看 Blazor 應用程式產生的 PDF 文件

// 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.結論

本教學課程示範如何使用IronPDF 的功能和教學課程在 Blazor Server 應用程式中建立和顯示 PDF 文件。它首先介紹 IronPDF 及其功能，包括如何將 HTML 轉換為 PDF 、新增自訂頁首和頁尾以及合併多個 PDF 文件。 然後，它提供了逐步說明，指導如何安裝 IronPDF，在 Blazor Server 應用程式中建立 PDF 文件，然後將其轉換為 PDF 位元組數組，並使用iframe在 Blazor PDF 檢視器中顯示它。

總的來說，本教學全面概述如何使用 IronPDF 和 Blazor 建立和顯示 PDF 文件。 它鼓勵讀者進一步嘗試 IronPDF，並嘗試不同的功能來創建功能豐富的應用程式。

如果您有興趣在 Blazor 專案中試用 IronPDF，您可以利用IronPDF 的免費試用版。 這樣您就有充足的時間來體驗庫的特性和功能，看看它是否滿足您的需求。

首先，您可以參考IronPDF Blazor 文檔，其中提供了有關在專案中使用該庫的詳細資訊。 您還可以瀏覽IronPDF 部落格和教程，其中包含涵蓋與 PDF 操作和渲染相關的各種主題的教學和文章。

我們鼓勵您花時間進一步嘗試 IronPDF 和 Blazor，看看它們如何增強您與 PDF 相關的開發工作。 有關 Blazor PDF 檢視器的更多信息，請參閱以下IronPDF Blazor PDF 檢視器教學。