Blazor PDF 查看器教程

简介

Adobe 公司创建了便携式文档格式 (PDF)它被广泛用于发布格式化文本和图像。在本教程中，建议将 IronPDF 集成到一个 Blazor 服务器端应用程序 来显示 PDF 文件，因为它易于使用且高效。

1.IronPDF 功能

借助功能强大的 IronPDF PDF .NET 库，开发人员可以轻松创建、阅读和修改 PDF 文档。基于 内置 Chrome 浏览器引擎此外，IronPDF 还包含大量实用而强大的功能，例如将 HTML5、JavaScript、CSS 和图像转换为 PDF 的功能，为 PDF 添加自定义页眉和页脚的功能，以及创建与网页浏览器中显示效果完全一致的 PDF 的功能。

IronPDF 支持多种网络技术，包括 HTML、ASPX、Razor View 和 MVC。以下是 IronPDF 的主要特点：

• IronPDF 可在 .NET C# 应用程序中完全控制 PDF 文件的创建和修改
• IronPDF 可以 根据网页的 URL 生成 PDF 文件 使用特定的用户代理、代理、头和 Cookie 配置。
• IronPDF 可删除现有 PDF 文档中的图像
• IronPDF 可添加文本、照片和书签、 水印以及其他元素到 PDF 文档
• IronPDF 具有多种功能，可以 合并和拆分 轻松创建一个或多个 PDF 文件
• IronPDF 可理解和呈现 CSS 和 JavaScript 等网络媒体资产
• IronPDF 支持各种 .NET 桌面和 MVC Web 应用程序框架，包括 ASP.NET 和 Blazor

2.Blazor 是什么？

Blazor 是一个试验性的 Web 应用程序框架，它可以使用 Web Assembly 以 C# 和 HTML 创建客户端 Web 应用程序。

Web Assembly 应用程序以二进制指令格式发送到浏览器，可以接近原生的速度运行。这为 C# 等语言在浏览器内运行创造了新的潜力。

在 Visual Studio 中创建新项目

首先，打开 Microsoft Visual Studio 应用程序，从文件菜单中选择 "新建项目"。然后选择 "Blazor 服务器应用程序"。

在 Visual Studio 中创建新项目

输入项目名称并选择文件路径。然后点击 创建 按钮。

在 Visual Studio 中创建新项目

此外，请选择所需的 .NET Framework。建议使用最新版本，以确保稳定性。

为新Blazor服务器应用程序选择.NET 6.0框架

Microsoft Visual Studio现在将生成新Blazor服务器应用程序的结构。该项目将包括一系列".razor "文件，可在其中输入源代码。

下一步将在项目中添加 IronPDF 库。

3.安装 IronPDF 库

IronPDF 库可以通过四种方式下载和安装：

• 使用 Visual Studio 的 NuGet 包管理器
• 使用 Visual Studio 命令行
• 直接从 NuGet 网站下载
• 直接从 IronPDF 网站下载

3.1 使用 Visual Studio 的 NuGet 包管理器

Visual Studio 提供了 NuGet 包管理器，以协助将库直接安装到项目中。下面的截图显示了如何打开 NuGet 包管理器。

访问 Visual Studio 的 NuGet 软件包管理器

使用 "浏览 "选项卡下的搜索栏搜索 "IronPDF"，如下图所示：

在 NuGet 软件包管理器图形用户界面中搜索 IronPDF 库

上图显示了相关搜索结果的列表。选择所需的选项，将软件包安装到项目中。

3.2 使用 Visual Studio 命令行

在 Visual Studio 中，转到 工具 > NuGet 软件包管理器 > 软件包管理器控制台

在 "软件包管理器控制台 "选项卡中输入以下一行：

Install-Package IronPdf

现在，软件包将被下载并安装到当前项目中。

使用 NuGet 软件包管理器控制台安装 IronPDF 库

3.3 直接从 NuGet 网站下载

安装 IronPDF 库的第三种方法是直接从 NuGet 网站下载软件包。

导航至 https://www.nuget.org/packages/IronPdf/

• 点击右侧菜单中的 "下载软件包 "选项。
• 在文件系统中打开下载的软件包。它将自动安装。
• 重新加载解决方案并开始在项目中使用。

3.4 直接从 IronPDF 网站下载

点击此链接 下载最新软件包 直接从 IronPDF 网站下载。

下载后，请按照以下步骤将软件包添加到您的项目中：

• 在解决方案窗口中右键单击项目。
• 选择 "参考 "选项，然后导航到之前下载的库的位置。
• 单击 "确定 "将库添加为引用。

4.使用 Blazor 服务器应用程序查看 PDF 文档

本教程中将要构建的 Blazor 应用程序将根据网页的 URL 创建 PDF 文档，并将其渲染到客户端的网络浏览器中。

使用 IronPDF，查看 PDF 非常简单。

在相应的 .razor 文件中添加以下源代码。

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

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

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

上面的代码段首先使用了 IronPDF 的 将URL渲染为PDF 方法，该方法从给定的 URL 下载 HTML 内容并将其转换为 PDF 格式。之后，代码片段会将生成的 PDF 内容渲染为原始 base64 数据字符串，并将其存储到本地变量中。

为方便起见，应用程序可以使用 IronPDF 的 保存为 方法 (可在任何 ChromePdfRenderer 实例) 将生成的 PDF 文档保存在服务器的文件系统中，以便日后快速访问。

下一段代码准备输出到客户端浏览器的基 64 PDF 数据。

@if (_imgUrl != string.Empty)
{
    <iframe src="@_imgUrl" style="width:750px;height:750px;" type="application/pdf"/>
}

@if (_imgUrl != string.Empty)
{
    <iframe src="@_imgUrl" style="width:750px;height:750px;" type="application/pdf"/>
}

'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: if(_imgUrl != string.Empty)
Private Sub New(Optional _imgUrl (Not ByVal) As = String.Empty)
'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <iframe src="@_imgUrl" style="width:750px;height:750px;" type="application/pdf"/>
	"width:750px;height:750px;" type="application/pdf"/>
'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <iframe src="@_imgUrl" style="width:750px;height:750px;" type
	"@_imgUrl" style="width:750px;height:750px;" type
	<iframe src="@_imgUrl" style
End Sub

上述函数从 Blazor 服务器端接收base64数据，并将其绑定到 iframe 元素的rc 属性上。页面加载时，浏览器会使用内置的网络浏览器将base64内容渲染为合适的 PDF 文档。

下面是根据 base64 字符串渲染 PDF 文件时的截图。

**在浏览器中查看在 Blazor 应用程序中生成的 PDF。此 PDF 由 IronPDF 创建，并以 base64 字符串的形式发送到浏览器。

从 HTML 字符串查看 PDF 文档

下面是 IronPDF 如何从 HTML 标记字符串创建 PDF 文件的示例。

var pdf = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("<h1>Hello world!!</h1>")

var pdf = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("<h1>Hello world!!</h1>")

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

生成的 PDF 文档可通过客户端浏览器查看，具体步骤详见上一节。

结论

本文介绍了如何开发一个 Blazor Web 应用程序，使用 IronPDF 库从网页生成 PDF 文件并显示在用户浏览器中。

然而，IronPDF 并非开源。 免费试用密钥 这样，您就可以在生产中使用它，而无需水印。