javascript - Outlook.com 发件人图像未显示

Question

当我收到来自我的银行或 Skype 的电子邮件时，我会在缩略图中看到他们的图像以及电子邮件的一行简介。

通过 nodejs 服务器通过 sparkpost（电子邮件发送服务）以编程方式发送电子邮件时，如何让我的公司徽标显示在缩略图中？

Answer 1

你需要做一个内联图像。为此，您可以将图像转换为 base64，然后将内容包含在图像标签中。

这是一个示例，它将通过 SparkPost 在电子邮件中发送一个红点 PNG。

curl -X POST \
  https://api.sparkpost.com/api/v1/transmissions \
  -H 'Authorization: [YOUR_API_KEY_HERE]' \
  -H 'cache-control: no-cache' \
  -d '{
    "options": {
        "open_tracking": true,
        "click_tracking": true
    },
  "campaign_id": "test",
  "recipients": [
    {
      "address": {
        "email": "to@example.com",
        "name": "To recipient"
      }, 
        "tags": []
    }
  ],
  "content": {
    "from": {
      "email": "from@example.com",
      "name": "From address"
    },
    "subject": "My Sample Subject",
    "text": "Test",
    "html": "<p>Test</p> <img src=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\" alt=\"A Red dot\" />"
  }
}

'

有很多方法可以将图像转换为 base64，但这里是一个示例： https ://www.base64-image.de/