嵌入位圖和圖像
為了確保 HTML 內容無需網路連線即可取得數據,可以將影像以 base64 編碼的形式嵌入到 HTML 中。將圖像以 base64 編碼嵌入 HTML 需要載入圖像並將其資訊轉換為 base64 格式。
以下是一個完整的範例,示範如何讀取圖像文件,將其轉換為 base64 字串,然後將其嵌入到 HTML 文件中。 最後,它展示瞭如何使用IronPDF從此 HTML 產生 PDF。
解釋:
1.圖片轉 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。
4.執行:
- 呼叫
generatePdf,並傳入所需影像檔案的路徑。
該腳本有效地結合了讀取圖像、將其轉換為 base64 以便嵌入 HTML 以及使用IronPDF渲染 PDF。
準備好開始了嗎?
版本: 2026.3 剛剛發布




