1. IronPDF
  2. 操作指南
  3. 使用 Azure Blob 儲存體中的影像產生 PDF
如何在 C# 中渲染儲存在 Azure Blob 儲存體中的影像 | IronPDF

Rendering PDFs Containing Images Stored in Azure Blob Storage

Curtis Chau
Curtis Chau
更新日期:
This article was translated from English: Does it need improvement?
Translated
View the article in English

Azure Blob Storage是由Microsoft Azure提供的基於雲的存儲服務。 它旨在存儲可通過HTTP或HTTPS訪問的大量非結構化數據，例如文本或二進制數據。

一些開發人員希望使用存儲在Azure Blob Storage中的圖像。 這帶來了一個問題，因為圖像數據是以二進制形式存儲的，而不是作為可以由HTML輕鬆引用的文件。 解決方法是將圖像轉換為base64字符串並添加到img標籤中。

Nuget IconGet started making PDFs with NuGet now:

  1. Install IronPDF with NuGet Package Manager

    PM > Install-Package IronPdf

  2. Copy and run this code snippet.

    var blobBase64 = Convert.ToBase64String(new BlobContainerClient("conn","cont").GetBlobClient("img.jpg").DownloadContent().Value.Content.ToArray());
new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf($"<img src=\"data:image/jpeg;base64,{blobBase64}\" />").SaveAs("blobImage.pdf");

  3. Deploy to test on your live environment

    Start using IronPDF in your project today with a free trial
    arrow pointer
class="hsg-featured-snippet">

最小工作流程（5步驟）

  1. 下載IronPDF以渲染存儲於Azure Blob的圖像
  2. 處理檢索Blob的過程
  3. 使用ToBase64String方法將字節轉換為base64
  4. 在img標籤中包含base64信息
  5. 將HTML渲染為PDF

## 將Azure Blob轉換為HTML 假設您已經設置一個Azure Storage帳戶並擁有包含Blob的容器，您還需要在C#項目中處理對Azure Storage的身份驗證和連接。 之後，您可以使用DownloadToStreamAsync方法將圖像下載為流。 然後可以將流信息轉換為Base64並嵌入到HTML的img標籤中。 最終，imageTag變量可以合併到HTML文檔中。 ```csharp using Azure.Storage.Blobs; using System; using System.IO; using System.Threading.Tasks; public async Task ConvertBlobToHtmlAsync() { // Define your connection string and container name string connectionString = "your_connection_string"; string containerName = "your_container_name"; // Initialize BlobServiceClient with the connection string BlobServiceClient blobServiceClient = new BlobServiceClient(connectionString); // Get the BlobContainerClient for the specified container BlobContainerClient blobContainer = blobServiceClient.GetBlobContainerClient(containerName); // Get the reference to the blob and initialize a stream BlobClient blobClient = blobContainer.GetBlobClient("867.jpg"); using var stream = new MemoryStream(); // Download the blob data to the stream await blobClient.DownloadToAsync(stream); stream.Position = 0; // Reset stream position // Convert the stream to a byte array byte[] array = stream.ToArray(); // Convert bytes to base64 var base64 = Convert.ToBase64String(array); // Create an img tag with the base64-encoded string var imageTag = $"Jpeg;base64,{base64}\
"; // Use the imageTag in your HTML document as needed } ``` ### 將HTML轉換為PDF 從imageTag繼續，然後可以使用ChromePdfRenderer的RenderHtmlAsPdf方法將其轉換為PDF。 以下是一個簡單的範例，說明如何調用RenderHtmlAsPdf： ```csharp :path=/static-assets/pdf/content-code-examples/how-to/images-azure-blob-storage-html-to-pdf.cs ``` 確保調整"htmlContent"變量以包括實際使用imageTag的HTML內容。

常見問題解答

如何將 Azure Blob 儲存體中的影像渲染成 PDF？

若要使用 Azure Blob 儲存體中的影像渲染 PDF，可以使用 IronPDF 將影像資料轉換為 base64 字串，將其嵌入 HTML img 標籤中，然後使用 `RenderHtmlAsPdf` 方法將 HTML 渲染為 PDF。

將 Azure Blob 儲存體中的映像轉換為 base64 字串需要哪些步驟？

首先，使用 `DownloadToStreamAsync` 方法下載映像 blob。然後，將圖像流轉換為位元組數組，並使用 `Convert.ToBase64String` 將其轉換為 base64 字串。

如何在 HTML 文件中嵌入 Azure Blob 儲存體中的映像？

從 Azure Blob 儲存體下載映像流，將其轉換為 base64 字串，然後將其嵌入到 HTML img 標籤中。這樣就可以將圖像直接包含在 HTML 文件中。

Azure Blob 儲存體在處理 PDF 影像方面發揮什麼作用？

Azure Blob 儲存體用於儲存非結構化影像資料。將這些資料轉換為 Base64 編碼後，即可將其嵌入 HTML 中，方便使用 IronPDF 將其新增至 PDF 檔案。

如何使用 C# 將包含嵌入式圖片的 HTML 內容轉換為 PDF？

您可以使用 IronPDF 的 `RenderHtmlAsPdf` 方法將 HTML 內容（包括嵌入的 base64 影像）轉換為 PDF。此方法會處理 HTML 並將其渲染為 PDF 文件。

我需要進行身份驗證才能存取 Azure Blob 儲存體中的 Blob 嗎？

是的，在 C# 專案中，需要進行驗證才能建立與 Azure 儲存帳戶的連接，以便安全地存取和管理 Blob。

將影像轉換為 base64 格式進行 PDF 渲染有何意義？

將影像轉換為 base64 格式，可以將二進位影像資料直接嵌入到 HTML 文件中作為資料 URL，然後可以使用 IronPDF 將其精確地渲染成 PDF。

我該如何開始使用 IronPDF 來渲染 PDF 檔案？

您可以從 NuGet 套件管理器下載 IronPDF。安裝完成後，您可以使用它的方法將 HTML 內容（包括圖像）渲染成 PDF 文件。

IronPDF 在渲染來自 Azure Blob 儲存體的影像時是否與 .NET 10 應用程式完全相容？

是的。 IronPDF 完全相容於 .NET 10，支援在 .NET 10 專案（例如 Web、桌面或雲端服務）中進行 HTML 到 PDF 的渲染（包括圖像、CSS、JavaScript 等）。您無需修改即可在 .NET 10 應用程式中使用相同的 Blob 下載 + base64 嵌入工作流程。

Curtis Chau
Curtis Chau
  立即與工程團隊聊天
技術作家

Curtis Chau 擁有卡爾頓大學計算機科學學士學位，專注於前端開發，擅長於 Node.js、TypeScript、JavaScript 和 React。Curtis 熱衷於創建直觀且美觀的用戶界面，喜歡使用現代框架並打造結構良好、視覺吸引人的手冊。

除了開發之外，Curtis 對物聯網 (IoT) 有著濃厚的興趣，探索將硬體和軟體結合的創新方式。在閒暇時間，他喜愛遊戲並構建 Discord 機器人，結合科技與創意的樂趣。

準備好開始了嗎？
Nuget 下載 16,154,058 | 版本： 2025.11 剛剛發布