Как встроить изображение в текст электронной почты с помощью Microsoft Graph

#c# #azure-functions #microsoft-graph-api #office365 #outlook-restapi

Вопрос:

Я использую приложение-функцию для запуска почты, используя API MS Graph, основной текст почты запускается правильно, но возникает проблема с отображением изображения верхнего и нижнего колонтитулов, показанного на рисунке. Как решить эту проблему на уровне тела.

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

Ниже приведены ссылки на вышеуказанные изображения в файле HTML/Blob

   amp;<img src=cid:Header.jpgamp;>
    amp;<img src=cid:footer.pngamp;>
    <ContentIDs>Header.jpg, footer.png</ContentIDs>
 

Код, используемый при визуализации тела.

              var mailContent = new Message
                {
                    Subject = em.Subject,
                    Body = new ItemBody
                    {
                        ContentType = BodyType.Html,
                        Content = m.Body,
                        ODataType = null
                    },
                    ToRecipients = toEmails,
                    CcRecipients = ccEmails,
                    ODataType = null
                };    
 

Редактировать:
В настоящее время сталкиваюсь с плохим запросом в приложении функции после этого изменения. Я пытаюсь решить эту проблему. Если вы видите какие-либо несоответствия в приведенном ниже коде, не стесняйтесь комментировать.

             var imagePath = @"<pathHeader.jpg>";
            var imageID = "Header.jpg";//file name
            byte[] imageArray = System.IO.File.ReadAllBytes(imagePath);
            var imagePath2 = @"<pathfooter.png">;
            var imageID2 = "footer.png";
            byte[] imageArray2 =System.IO.File.ReadAllBytes(imagePath2);

            
            var mContent = new Message
            {
                Subject = t.Subject,//parsing from the template
                Body = new ItemBody
                {
                    ContentType = BodyType.Html,
                    Content = m.Body,
                    ODataType = "#microsoft.graph.fileAttachment"
                },
                ToRecipients = toEmails,
                CcRecipients = ccEmails,
                ODataType = "#microsoft.graph.fileAttachment",
                HasAttachments = true,
                Attachments = new MessageAttachmentsCollectionPage()
                    {
                            new FileAttachment
                        {
                                
                                ContentBytes= imageArray,
                                ContentType = "image/jpeg",
                                ContentId= imageID,
                                IsInline=true,
                                Name = "theHead",
                               
                        },
                            new FileAttachment
                            {
                                
                                ContentBytes= imageArray2,
                                ContentType = "image/png",
                                ContentId= imageID2,
                                IsInline=true,
                                Name = "thefoot",
                            }
                    }
            };
 

Комментарии:

1. Как дела? Ваша проблема решена?

2. Привет @StanleyGong Большое спасибо, что ответили на него. Я взял некоторый код из вашей ссылки, но в настоящее время я сталкиваюсь с плохим запросом в приложении функции.

3. Я не уверен, что в этом дело, но, похоже = , в 4-й строке вашего кода потеряно

4. Извините , что испортил это во время редактирования, добавил обратно.

5. Я протестировал ваш код на своей стороне, после удаления 2 строк ODataType = "#microsoft.graph.fileAttachment" ваш код работает для меня

Ответ №1:

Я пишу для вас демо-версию , попробуйте простое консольное приложение ниже:

 using Microsoft.Graph;
using Microsoft.Graph.Auth;
using Microsoft.Identity.Client;
using System;
using System.Collections.Generic;

namespace sendEmails
{
    class Program
    {
        static void Main(string[] args)
        {
            var appID = "";
            var appSec = "";
            var tenantID = "";
            

            IConfidentialClientApplication confidentialClientApplication = ConfidentialClientApplicationBuilder
                .Create(appID)
                .WithTenantId(tenantID)
                .WithClientSecret(appSec)
                .Build();

            ClientCredentialProvider authenticationProvider = new ClientCredentialProvider(confidentialClientApplication);

            GraphServiceClient graphServiceClient = new GraphServiceClient(authenticationProvider);

            var imagePath = @"<your image path>";
            var imageID = "image1";
            

            byte[] imageArray = System.IO.File.ReadAllBytes(imagePath);

            var body = "<h1>this is superman </br> <img src='cid:"  imageID   "'/></h1>";
            var attachments = new MessageAttachmentsCollectionPage()
            {
                new FileAttachment{
                    ContentType= "image/jpeg",
                    ContentBytes = imageArray,
                    ContentId = imageID,
                    Name= "test-image"
                }
            };
            
            var message = new Message
            {
                Subject = "TEST SENDING IMAGE ",
                Body = new ItemBody
                {
                    ContentType = BodyType.Html,
                    Content = body,
                    ODataType = null
                },
                ToRecipients = new List<Recipient>()
                {
                    new Recipient
                    {
                        EmailAddress = new EmailAddress
                        {
                            Address = "<receiver email>"
                        }
                    }
                },
                Attachments = attachments

            };
            
            graphServiceClient.Users["<user upn>"].SendMail(message, false).Request().PostAsync().GetAwaiter().GetResult();
            Console.WriteLine("ok");
        }
    }
}
 

Результат :

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