嵌入位圖與圖片
為確保 HTML 內容無需透過網際網路連線即可擷取資料,可將圖片以 base64 格式嵌入 HTML 中。將圖片以 base64 格式嵌入 HTML 需先載入該圖片,並將其資訊轉換為 base64 格式。
以下是一個完整範例,展示如何讀取影像檔案、將其轉換為 base64 字串,然後將其嵌入 HTML 文件中。 最後,它展示了如何使用 IronPDF 從此 HTML 產生 PDF 檔案。
說明:
圖片轉 Base64 編碼:
encodeImageToBase64(filePath):一個用於讀取圖像檔案並將其異步轉換為 base64 字串的函式。- 使用
fs.readFile讀取圖像檔案。若成功,將資料轉換為 base64 字串並進行解碼。
HTML 內容設定:
createHtmlContent(base64Data):在img標籤內,透過嵌入 base64 圖像資料來建構 HTML 內容。
PDF 生成:
generatePdf(filePath):主要函式,負責協整合個流程,首先呼叫encodeImageToBase64,接著呼叫createHtmlContent,最後透過IronPdf建立 PDF 檔案。- 使用
IronPdf.PdfDocument.fromHtml從 HTML 內容生成 PDF 文件。 - 使用
pdf.saveAs儲存生成的 PDF。
- 執行:
- 呼叫
generatePdf並傳入目標圖片檔案的路徑。
- 呼叫
此腳本有效地結合了讀取圖片、將其轉換為 base64 以便嵌入 HTML,以及使用 IronPDF 渲染 PDF 的功能。




