在 HTML 電子郵件中嵌入附加圖像

Question

如果我將圖像附加到電子郵件中，如何將其放置在 HTML 內容中？我嘗試僅使用文件名作為圖像來源，但這似乎不起作用。

Answer 1

圖片附件部分需要Content-ID

--T4nu9J8b
Content-Type: image/png
Content-ID: <idname>
Content-Transfer-Encoding: base64
Content-Disposition: attachment ;filename="testimage.png"

iVBORw0KGgoAAAANS...
--T4nu9J8b--

使用相同的 Content-ID 將其嵌入到標記中（不含尖括號）

<img alt="Embedded Image" src="cid:idname"/>

這應該允許附加圖像顯示在 HTML 中！

Answer 2

更具體地說明如何建立 HTML 郵件訊息。

結果將是一條多部分 MIME 訊息，其中包含 text/html 部分（如果您確實使用了 text/plain 類型的替代部分）和多個圖像，然後從 HTML 中引用這些圖像。

請參閱 RFC 1813 和 RFC 2378 以了解有關混合 MIME 中的 content-id 和相關資料（由 HTML 原始碼中的 CID 引用）的更多資訊。