java 如何使用ThymeLeaf发送带有内嵌图像的电子邮件

s71maibg 于 2023-01-07 发布在 Java

关注(0)|答案(3)|浏览(398)

我尝试用ThymeLeaf和Spring发送一封带有内嵌图像的电子邮件，但到目前为止还没有成功。电子邮件发送了，但内嵌图像不会显示在电子邮件中。
该项目不是基于Web的（不是网站），而是一个独立的桌面，而不是移动的
这是我如何获得图像文件：

URL url = getClass().getResource("/LawFirmAdvisoryGroup.jpg");
File file = new File(url.getPath());

MultipartFile multipartFile = new MockMultipartFile(file.getName(),
    file.getName(), "image/jpeg", IOUtils.toByteArray(input));

我的服务类别：

@Autowired
private JavaMailSender mailSender;

@Autowired
private TemplateEngine templateEngine;

public void sendMailWithInline(final String recipientName, final String recipientEmail, final MultipartFile image, final byte[] imageBytes)
throws MessagingException {

    final Context ctx = new Context();
        ctx.setVariable("imageResourceName", image.getName()); // so that we can reference it from HTML

        final MimeMessage mimeMessage = this.mailSender.createMimeMessage();
        final MimeMessageHelper message
        = new MimeMessageHelper(mimeMessage, true, "UTF-8");
        message.setSubject("Inline Image");
        message.setFrom("XXXX@yahoo.com");
        message.setTo(recipientEmail);

        // Add the inline image, referenced from the HTML code as "cid:${imageResourceName}"
        final InputStreamSource imageSource = new ByteArrayResource(imageBytes);
        message.addInline(image.getName(), imageSource, image.getContentType());

        final String htmlContent = this.templateEngine.process("left_sidebar.html", ctx);
        message.setText(htmlContent, true);
        this.mailSender.send(mimeMessage);

    }

HTML：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title th:remove="all">Email with inline image</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  </head>
  <body>
    <p>
      <img src="LawFirmAdvisoryGroup.jpg" th:src="'cid:' + ${imageResourceName}" />
    </p>
  </body>
</html>

Java

来源：https://stackoverflow.com/questions/32140262/how-to-send-email-with-inline-image-using-thymeleaf

3条答案

按热度按时间

daupos2t1#

把你打到setText()的电话往上挪几行就行了。
MimeMessageHelper.addInLine()的javadoc说明：
注意：在 * setText(java.lang.String)之后调用addInline *;否则，邮件阅读器可能无法正确解析内联引用。

赞(0）回复(0）举报 2023-01-07

k4emjkb12#

这非常有效：
只需添加一个链接到托管在远离桌面的外部服务器上的图像。使用内联CSS，而不是CSS类。
这个网站将帮助您转换CSS类到内联CSS，Premailer.Dialect.
避免任何花哨的CSS，只使用最基本的. floating（如float：left;）应该尽可能避免，如果你想让你的HTML邮件更容易流动，即使在移动设备和其他较小的屏幕。
在项目库中包含NekoHTML，并将Spring spring.xml更改为：

<!-- THYMELEAF: Template Resolver for email templates -->
<bean id="emailTemplateResolver" class="org.thymeleaf.templateresolver.ClassLoaderTemplateResolver">
    <property name="prefix" value="resources/WEB_INF/HTMLMailTemplates/XXXX/html/" />
    <!-- <property name="templateMode" value="HTML5" /> -->
    <property name="templateMode" value="LEGACYHTML5" />
    <property name="characterEncoding" value="UTF-8" />
    <property name="order" value="1" />
</bean>

示例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Email With Inline Images</title>

    <style>
        body {
            background-image: url('https://dl.dropbox.com/s/XXXX/pageBackGround.gif');
            background-repeat: repeat;
            margin:0;
            outline:0;
        }
        .pageContentWrapper {
            padding:10px;
            width: 100%;
            background-image: url('https://dl.dropbox.com/s/XXXX/smallerInlineImage.gif');
            background-repeat: repeat;
        }
        .smallerInlineImage {
            width: 22px;
            height: 22px;
            padding: 0 4px 6px 0;
            float: left;
        }
    </style>

</head>

<body>
    <div class="pageContentWrapper">
        <div class="smallerInlineImage">
            <img src="https://dl.dropboxusercontent.com/s/3ydel6zp53pb65b/smallerInlineImage.png" height="22" width="22">
        </div>
    </div>
</body>

服务类别：

@Service
public class ThymeEmailService {

    @Autowired
    private JavaMailSender mailSender;

    @Autowired
    private TemplateEngine templateEngine;

    public void sendMailWithInline() throws MessagingException {

        final Context ctx = new Context();

        final MimeMessage mimeMessage = this.mailSender.createMimeMessage();
        final MimeMessageHelper message = new MimeMessageHelper(mimeMessage, true, "UTF-8");
        message.setSubject("Sample Email Subject");
        message.setFrom("senderEmail@yahoo.com");
        message.setTo("recipientEmail@yahoo.com");

        final String htmlContent = this.templateEngine.process("emailTemplate.html", ctx);
        message.setText(htmlContent, true);

        String[] attachments = {"C:\\Users\\MyPc\\Dropbox\\CV\\myPDFAttachment.pdf"};

        for (String attachment : attachments) {
            FileSystemResource file = new FileSystemResource(attachment);
            message.addAttachment(file.getFilename(), file);
        }

        this.mailSender.send(mimeMessage);
    }
}

赞(0）回复(0）举报 2023-01-07

c6ubokkw3#

@Component
@RequiredArgsConstructor
@Slf4j
public class EmailSenderService {

    private final JavaMailSender emailSender;

    private final SpringTemplateEngine templateEngine;

    public void sendEmail (MailDto mailDto, String nameTemplate)  {

        MimeMessage message = emailSender.createMimeMessage();

        MimeMessageHelper helper;
        try {
            helper = new MimeMessageHelper(message,
                    MimeMessageHelper.MULTIPART_MODE_MIXED_RELATED,
                    StandardCharsets.UTF_8.name ());

            ClassPathResource attachment = new ClassPathResource("static/pdf/practice-react-programming.pdf");
            ClassPathResource image = new ClassPathResource("static/img/auth.png");

            helper.addAttachment("reactive-programming-book", attachment);

            helper.setTo(mailDto.mailTo()); 
            helper.setSubject(mailDto.subject());
            /*it is important to specify the same sender address that you have specified in application.yml*/
            helper.setFrom(mailDto.mailFrom());

            Context context = new Context();

            context.setVariables(mailDto.propertiesMail());

            String html = templateEngine.process(nameTemplate, context);
            helper.setText(html, true);
            
            /*This must be set after calling the method setText()*/
            helper.addInline("auth", image);
        } catch (MessagingException e) {
            log.error(e.getLocalizedMessage());
          //  throw new RuntimeException(e);
        }

        emailSender.send(message);
    }
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Thymeleaf и Spring boot</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>

    <!-- use the font -->
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            font-size: 48px;
        }

        .circle {
            border-radius: 50%; 
            border: 5px solid #fff;
            box-shadow: 2px 1px 5px #999999;
        }

        p {
            font-size: 25px;
            font-family: Cambria;
        }
    </style>
</head>
<body>
<p th:text="${'Hello Dear ' + name}"></p>

<p th:if="${name.length() > 5}">
   you name ...
</p>
<p>
     <b>Authentication has being passed.</b>
    <span th:text="${#dates.format(#dates.createNow(), 'dd MMM yyyy HH:mm')}"></span>
</p>

<p>
    text...
</p>
<p>
    <!--for external images.-->
    <a href="https://kipmu.ru/wp-content/uploads/ksplshd-scaled.jpg">
        <img src="https://kipmu.ru/wp-content/uploads/ksplshd-scaled.jpg"
             alt="http://localhost.com"
             height="220"
             width="220"
             class="circle"/>
    </a>
</p>

<p>Attached images</p>
<p>
    <img src="cid:auth" alt="http://localhost.com"
    height="220"
    width="220"
    class="circle" />
</p>
<p>
    Regardless, <br/>
    <em th:text="${sign}"></em>
<p th:text="${location}"></p>
</p>
</body>
</html>

赞(0）回复(0）举报 2023-01-07

我来回答

java 如何使用ThymeLeaf发送带有内嵌图像的电子邮件

3条答案

相关问题

热门标签

最新问答