Отправить изображение base64 в электронном письме в формате HTML

86

Используя редактор форматированного текста, наши пользователи могут перетаскивать сохраненное изображение со своего рабочего стола в редактор. Изображение появляется и правильно отображается на веб-странице после отправки.

Поскольку изображение никуда не выгружается, редактор сохраняет изображение как изображение в кодировке base64.

<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb

и т.п.

Но он не отображается - ни на iPhone, ни в двух разных версиях Outlook. Изображение просто битое. Мы хотим придерживаться base64, потому что он уже работает с веб-страницей и имеет возможность просматривать изображение, если пользователь не в сети.

Ваэль Виктус
источник

Ответы:

126

Поддержка, к сожалению, в лучшем случае жестока. Вот сообщение по теме:

https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/

И содержание поста: введите описание изображения здесь

Аккорды
источник
2
Помечено как ответ, потому что это просто ответ: поддержка base64 - отстой, и вы должны стараться избегать ее, когда можете. Нам удалось заставить их работать, на самом деле в этом вопросе была ошибка. Однако нам пришлось обязать использовать Outlook 2007. Apple отлично работает с изображениями base64.
Vael Victus 06
10
Поддерживается в Outlook 2003, но не поддерживается в Outlook 2007? Что они думают?
cytsunny 03
5
какая альтернатива?
Спасибо за это, я как раз собирался написать сообщение SO с моим собственным образцом base64. Я предположил, что, проверив полученную электронную почту в двух браузерах (GMail и Outlook) и убедившись, что мой текст base64 не поврежден, он должен работать нормально ..
Memetican
@AkhilJain, это сработало для меня stackoverflow.com/a/36870709/5536005
radbrawler
57

Альтернативный подход может заключаться во встраивании изображений в электронное письмо с помощью этого cidметода. (Обычно включают изображение как вложение, а затем встраивают его). По моему опыту, этот подход сейчас хорошо поддерживается.

введите описание изображения здесь

Источник: https://www.campaignmonitor.com/blog/how-to/2008/08/embedding-images-revisited/

Аарон
источник
3
действительно, это работает, но, к сожалению, некоторые почтовые службы выставят вам счет за отправку вложений.
Sombriks
19
Кроме того, многие клиенты, включая веб-интерфейс Gmail, будут добавлять копии всех прикрепленных изображений в конце сообщения, что очень и очень некрасиво.
Дэниел