Recommended Posts

Как можно встроить изображение в письмо ? Без абсолютной ссылки. Письмо отправляется программно.

Пробовал base64 вставить в img, не отображается...
 

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAPABwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD5GsfhF4dtPCN7fXvgQ26MkQW5e7tx5eWXkZmGQep3dOvABp974b+Et22q/YPDtzq0ZuoYmm0RotTFu5jZgM28z5GB3yMgAc8HyXxd8Xr3xZoGlwWmpJpTQSFrz7RBJJFPhcKGVeCBhuCD97t1rf0f45eNl8JXWnap4x0ibQm0W8t7Kxg8NmJLeeS3MYkxD5X77O0rMxcqwQnIXaPzTL+G8dVpe1x2Jmpa+7CTS6W1bfbsfpGP4kwcKqpYLDQ5dPelFX89El+Z3kPhH4UXS6faWehxx3d6z/Z7eVRDdzmNQ7p5MkgckBgSVXpjB7HT8Q/s+W8GvBYvAV1bRmIFRHPbOGGTzkyn6de1fGz6tap8Q9R8T3V1dNqN1czXCz3VybqUM7HOWmjkYnBxvLM/O7JYV7hqP7TOqX1+JGW5k2JsVjqNzkgE9fm9/avHzLIs9o14vLa8pRad+ecm1tbZq/3HpYLPsqmpxx1GCatZxglfu7O9vvP/2Q==" alt="Machina" width="300" height="200">

 

Пробовал просто вот так:
 

<img src="./picture.jpg" alt="Machina" width="300" height="200">

В MS Outlook отображается, но в мобильном приложении нет...

 

Как встраивать изображение в письмо, чтобы она отображалась на большинстве почтовых клиентах ?

Edited by SnowSilver

Share this post


Link to post
Share on other sites
10 часов назад, SnowSilver сказал:

Как встраивать изображение в письмо, чтобы она отображалась на большинстве почтовых клиентах ?

Возможно так: 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<meta charset="UTF-8">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="telephone=no" name="format-detection">
<title>sf</title>
<!--[if (mso 16)]><style type="text/css">a {text-decoration: none;}</style><![endif]-->
<!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
</head><body><div>
<!--[if gte mso 9]><v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"><v:fill type="tile" color="#f6f6f6"></v:fill></v:background><![endif]-->
<table cellpadding="0" cellspacing="0" width="100%" style="background-position: left top;">
<tbody><tr><td align="center" style="background-position: left top; background-color: rgb(239, 239, 239);" bgcolor="#efefef">
<img src="https://htmlforum.io/uploads/monthly_2019_01/1870525596_NewProject.png.72193b376f0c3485efd47fed3d45cbb8.png" alt="SF" style="display: block;" width="80">
</td></tr></tbody>
</table>
</div></body></html>

...

Share this post


Link to post
Share on other sites
20 минут назад, spdif сказал:

Возможно так: 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<meta charset="UTF-8">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="telephone=no" name="format-detection">
<title>sf</title>
<!--[if (mso 16)]><style type="text/css">a {text-decoration: none;}</style><![endif]-->
<!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
</head><body><div>
<!--[if gte mso 9]><v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"><v:fill type="tile" color="#f6f6f6"></v:fill></v:background><![endif]-->
<table cellpadding="0" cellspacing="0" width="100%" style="background-position: left top;">
<tbody><tr><td align="center" style="background-position: left top; background-color: rgb(239, 239, 239);" bgcolor="#efefef">
<img src="https://htmlforum.io/uploads/monthly_2019_01/1870525596_NewProject.png.72193b376f0c3485efd47fed3d45cbb8.png" alt="SF" style="display: block;" width="80">
</td></tr></tbody>
</table>
</div></body></html>

...

Вы использовали абсолютную ссылку. Мне этот вариант не подходит. Знаю что так будет работать...

Но хотелось бы узнать как именно встраивать изображение в письмо правильно. То есть как прикрепить изображение таким образом, чтобы изображение было в теле письма и отображалось

Edited by SnowSilver

Share this post


Link to post
Share on other sites

Вы имеете ввиду добавление изображения со своего компьютера?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,433
    Total Members
    3,128
    Most Online
    Sterben
    Newest Member
    Sterben
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.