在 C# 和 VB PDF 渲染中嵌入帶有 DataURIs 的圖像

查克尼思·賓

2023年1月25日

已更新 2024年12月10日

Translated

View the article in English

在操作 HTML 字符串和文件時，通常最好不依賴於資產目錄。為了解決此問題，我們使用資料 URI 模式。

數據URI方案是網頁開發中一種用於將數據直接嵌入到HTML或CSS代碼中的方法，無需使用單獨的文件。 Data URIs 允許將圖片、檔案甚至字體直接以字符串形式嵌入到 HTML 文檔中。

開始使用 IronPDF

立即在您的專案中使用IronPDF，並享受免費試用。

第一步：

如何使用數據 URI 方案嵌入圖片

從 NuGet 下載 IronPDF
使用 ReadAllBytes 方法讀取圖片字節
使用 ToBase64String 方法將位元組轉換為 base64
在 `` 標籤中包含 base64 信息
將 HTML 渲染為 PDF

基本圖像嵌入範例

以下示例显示了将图像渲染到不带资产文件的HTML文档中的过程：

:path=/static-assets/pdf/content-code-examples/how-to/datauris-image.cs

using IronPdf;
using System;

// Read byte from image file
var pngBinaryData = System.IO.File.ReadAllBytes("My_image.png");

// Convert bytes to base64
var ImgDataURI = @"data:image/png;base64," + Convert.ToBase64String(pngBinaryData);

// Import base64 to img tag
var ImgHtml = $"<img src='{ImgDataURI}'>";

ChromePdfRenderer Renderer = new ChromePdfRenderer();

// Render the HTML string
var pdf = Renderer.RenderHtmlAsPdf(ImgHtml);

pdf.SaveAs("datauri_example.pdf");

Imports IronPdf
Imports System

' Read byte from image file
Private pngBinaryData = System.IO.File.ReadAllBytes("My_image.png")

' Convert bytes to base64
Private ImgDataURI = "data:image/png;base64," & Convert.ToBase64String(pngBinaryData)

' Import base64 to img tag
Private ImgHtml = $"<img src='{ImgDataURI}'>"

Private Renderer As New ChromePdfRenderer()

' Render the HTML string
Private pdf = Renderer.RenderHtmlAsPdf(ImgHtml)

pdf.SaveAs("datauri_example.pdf")

我們還可以使用 IronPDF 的 ASP.NET MVC 集成將整個HTML 字串或 PDF 文件作為位元組陣列提供。

查克尼思·賓

立即與工程團隊聊天

軟體工程師

Chaknith 致力於 IronXL 和 IronBarcode。他在 C# 和 .NET 方面擁有豐富的專業知識，協助改進軟體並支持客戶。他從用戶互動中獲得的洞察力有助於提高產品、文檔和整體體驗。