在 HTML 电子邮件 (iOS) 中的 A 标记内使用 IMG 标记答案

【问题标题】：Use IMG tag inside A tag within HTML Email (iOS)在 HTML 电子邮件 (iOS) 中的 A 标记内使用 IMG 标记
【发布时间】：2013-02-12 10:54:07
【问题描述】：

我不明白为什么我不能在<img> 标记周围使用<a> 标记来使HTML 电子邮件中的图像按钮在iPhone 的电子邮件客户端中正确显示。

我是iPhone的Mail.app，当用户点击图片时，iPhone会让用户保存下载的图片（来自<img>标签）而不是打开<a>标签的链接。

多部分电子邮件中的 HTML 代码如下所示：

<p>Download the beta version of Clue here:<br>
<a href="http://mandrillapp.com/track/click.php?u=15131679&id=2a00d47e46b0457fb24993692ada811c&url=https%3A%2F%2Fclue-backend.herokuapp.com%2Fclue%3Femail%3Ddaniel%252Btest%2540helloclue.com%26token%3Dn568g7swalmm3fi&url_id=0c311a87c47c051a01b2bfb680b20c1918fa0965&tags=_all,_sendida@helloclue.com"><img src="cid:aunvkjyxsm" class="download"></a></p>

问题是该链接在桌面电子邮件客户端上运行良好，但在 iPhone 上却不行，即使其他人的具有类似 HTML 的电子邮件似乎运行良好。

完整的多部分原始电子邮件：https://gist.github.com/danieleggert/4761500

【问题讨论】：

是否要将图像按钮作为附件？或者，您可以使用 base64 编码进行内联 IMG。 stackoverflow.com/questions/1527351/… 或者，显然，参考网络上的图片。
图片正在显示，但用户无法点击它们以将它们带到a-tags href 中指定的 URL。
也许宁愿将图像上传到服务器。然后，在 HTML 中，引用图像 URL 而不是使用 CID
我修复了</body>——很遗憾没有帮助。在桌面上查看电子邮件时它总是有效，但在 iPhone 上查看时却不行。

标签： html ios image html-email

【解决方案1】：

当我将其从附件更改为内联图像时，格式为 <img src="data:image/png;base64,iVBORw0K ...">（也删除了 base64 字符串中的换行符），它工作正常（当我在我的计算机和我的计算机上都收到电子邮件时） iPhone，我可以毫无意外地点击链接）。诚然，我使用MFMailComposeViewController 做到了这一点，但我认为它可以使用您用于多部分电子邮件的任何技术。

【讨论】：