嵌入位圖和圖片

為了確保 HTML 內容不需要透過網際網路連線來擷取資料,可以將圖像以 base64 的方式嵌入 HTML。將圖片以 base64 嵌入 HTML 需要載入圖片,並將其資訊轉換為 base64。

以下是一個完整的範例,示範如何讀取圖像文件,將其轉換為 base64 字串,然後將其嵌入到 HTML 文件中。 最後,它展示如何使用 IronPDF 從此 HTML 產生 PDF。

說明:

1.影像轉換為 Base64 編碼:

  • encodeImageToBase64(filePath) : 一個非同步讀取映像檔並將其轉換為 base64 字串的函數。
  • 使用fs.readFile讀取映像檔。如果成功,則將資料轉換為 base64 字串並進行解析。

2.HTML內容設定:

  • createHtmlContent(base64Data) : 使用img標籤內嵌入的 base64 映像資料建立 HTML 內容。

3.PDF生成:

  • generatePdf(filePath) : 主要函數,它首先呼叫encodeImageToBase64 ,然後createHtmlContent ,最後透過IronPdf建立 PDF,從而協調整個過程。
  • 使用IronPdf.PdfDocument.fromHtml從 HTML 內容產生 PDF 文件。
  • 使用pdf.saveAs儲存產生的 PDF。

4.執行:

  • 使用所需影像檔案的路徑呼叫 generatePdf

該腳本有效地結合了讀取圖像、將其轉換為 base64 以便嵌入 HTML 以及使用 IronPDF 渲染 PDF 等功能。

探索完整的 Base64 圖片嵌入範例

準備好開始了嗎?
版本: 2025.12 剛發表