嵌入位圖與圖片

為確保 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 圖片嵌入範例

準備開始了嗎?
版本: 2026.5 just released
Still Scrolling Icon

還在捲動嗎?

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