Question

背景：我正在尝试基于html的电子邮件，因为它更通用（我是html的新手）。我一直在玩html几个小时。到目前为止，我可以将表格，不同的标题和链接等嵌入到我发送的电子邮件中，但在嵌入图片方面存在很大的困难。

我认为这可能是客户特定的问题 - 但Hotmail，Outlook和G-mail都没有显示附加的图像。我看到的只是带有alt（替代）文本的框。

#!/bin/bash
h_test=mytest.html

echo "This is a test email"> TESTEMAILTESTEMAILTESTEMAIL.txt

echo "<html> 
<head>
<title>HTML E-mail</title>
</head>
<body>

<p><b>Note:</b> This is just a test email.</p>
<p>Trying to do different things all in one email.</p>


<h2>Table 1</h2>
<table style="width:25%">
  <tr>
    <td>New York</td>
    <td>UNITED STATE OF AMERICA</td>        
  </tr>
  <tr>
    <td>Sydney</td>
    <td>AUSTRALIA</td>      
  </tr>
  <tr>
    <td>Istanbul</td>
    <td>TURKEY</td>
  </tr>
</table>

<h2>Table 2</h2>
<table border="1"; style="width:50%">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>


<h2>Image 1</h2>
<img src='https://www.google.com.au/search?q=image+test&espv=2&biw=1366&bih=663&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI1_fn1MrNyAIVITamCh32cQej#imgrc=driDe9TNSAxoAM%3A' alt='You should be seeing a picture'>

<h2>Link</h2>

<a href='http://www.google.com'>Click Here</a>
</body>
</html>" > $h_test

echo ">> Sending email..."

`mail -s "$(echo -e "This is Subject\nContent-Type: text/html")" my_email@me.com  <  mytest.html`

echo "...e-mail sent"

研究：我查看了websites这样的this网站，但没有成功。我也在stackexchange上查了类似的问题，但无法使其正常工作。

问：如何将图片嵌入我的电子邮件中？

Answer 1

您可以将图像嵌入html it self，base64编码，如下所示：

<img  src="data:image/png;base64,iVBORw0KGg....." />

查看此站点上的示例以生成base64 endoding：http://dataurl.net/#dataurlmaker

<强>更新我现在知道这并不适用于所有电子邮件客户端：一些例子：

iOS Mail 是
Outlook 2003 是
Outlook 2007+ 否
Apple Mail 是
雅虎！邮件否
Gmail 否
Android默认是

来自此链接https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/

Answer 2

您使用的网址https://www.google.com.au/search?q=image+test&espv=2&biw=1366&bih=663&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI1_fn1MrNyAIVITamCh32cQej#imgrc=driDe9TNSAxoAM%3A是 HTML文档的网址。

您需要使用图片的URL！

请注意，大多数电子邮件客户端会在外部网址上显示图片之前提示用户。

您可以通过附加图片（即发送多部分MIME电子邮件）然后使用cid:网址方案指向附件来避免这种情况。

或者，您可以将图片转换为data:网址，并将其直接嵌入网址。

如何将图片（jpg / png / etc）嵌入到html中并通过邮件将其发送出去

2 个答案: