嵌入位圖和圖像

為了確保 HTML 內容無需網路連線即可取得數據,可以將影像以 base64 編碼的形式嵌入到 HTML 中。將圖像以 base64 編碼嵌入 HTML 需要載入圖像並將其資訊轉換為 base64 格式。

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

解釋:

1.圖片轉 Base64 編碼:

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

    • createHtmlContent(base64Data): 使用 img 標籤內嵌入的 base64 影像資料建立 HTML 內容。
  2. PDF 生成:
    • generatePdf(filePath): 主函數,透過先呼叫 encodeImageToBase64,然後呼叫 createHtmlContent,再透過 IronPdf 建立 PDF 來協調此過程。
    • 使用 IronPdf.PdfDocument.fromHtml 從 HTML 內容產生 PDF 文件。
    • 使用 pdf.saveAs 儲存產生的 PDF。

4.執行:

  • 呼叫 generatePdf,並傳入所需影像檔案的路徑。

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

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

準備好開始了嗎?
版本: 2026.3 剛剛發布
Still Scrolling Icon

還在捲動嗎?

想要快速證明?
執行範例 觀看您的 HTML 變成 PDF。