Comment intégrer plusieurs images dans le corps de l'e-mail en utilisant .NET

Je suis en train d'écrire un programme qui envoie des e-mails pour les utilisateurs de plusieurs images (graphiques) incorporé dans le corps du message Électronique (HTML).

Quand j'ai essayé de l'échantillon situé ici..qui a bien fonctionné quand j'ai à intégrer en une seule image
http://www.systemnetmail.com/faq/4.4.aspx.

Mais, quand j'ai essayé d'incorporer plusieurs images à l'aide du code ci-dessous, aucune des images sont intégrés , au lieu de cela, ils sont envoyés comme pièces jointes.

public MailMessage MailMessage(Metric metric, DateTime date)
{
    MailMessage msg = new MailMessage();
    msg.From = new MailAddress("[email protected]", "User1");
    msg.To.Add(new MailAddress("[email protected]"));
    msg.Subject = "Trend for metric: " + metric.Name;
    msg.IsBodyHtml = true;

    //Generate the charts for the given metric
    var charts = this.GenerateCharts(metric, date);
    int i = 0;
    string htmlBody = "<html><body>";
    List<LinkedResource> resources = new List<LinkedResource>();
    foreach (var chart in charts)
    {
        string imageTag = string.Format("<img src=cid:chart{0} /><br>", i);
        htmlBody += imageTag;
        LinkedResource graph = new LinkedResource(chart.Value, "image/jpeg");
        graph.ContentId = "chart" + i;
        resources.Add(graph);
        i++;
    }

    htmlBody += "</body></html>";

    //Alternate view for embedded images
    AlternateView avText = AlternateView.CreateAlternateViewFromString(metric.Name, null, MediaTypeNames.Text.Html);
    AlternateView avImages = AlternateView.CreateAlternateViewFromString(htmlBody, null, MediaTypeNames.Text.Html);

    //Add all the images as linked resources
    resources.ForEach(x => avImages.LinkedResources.Add(x));

    //Add the views for image
    msg.AlternateViews.Add(avText);
    msg.AlternateViews.Add(avImages);


    return msg;
}

Des indices que ce que je suis absent?
J'ai vérifié l' .fichier htm qui est également envoyé comme pièce jointe à l'e-mail, et la source html se présente comme suit:

<html>><body><img src=cid:chart0 /><br><img src=cid:chart1 /><br><img src=cid:chart2/><br><img src=cid:chart3 /><br><img src=cid:chart4 /><br></body></html>

De sorte que le Q est comment envoyer plusieurs images dans le corps html , pas en tant que pièce jointe.

source d'informationauteur user330612

c#image system.net.mail

L'autre façon d'intégrer des images dans un E-mail lors de l'utilisation de System.Net.Mail est

Joindre l'image à partir du disque local de courrier électronique et d'attribuer un contentID et de les utiliser plus tard ce contentID dans l'URL de l'image.

Cela peut être fait par:

var contentID = "Image";
var inlineLogo = new Attachment(@"C:\Desktop\Image.jpg");
inlineLogo.ContentId = contentID;
inlineLogo.ContentDisposition.Inline = true;
inlineLogo.ContentDisposition.DispositionType = DispositionTypeNames.Inline;

msg.IsBodyHtml = true;
msg.Attachments.Add(inlineLogo);
msg.Body = "<htm><body> <img src=\"cid:" + contentID + "\"> </body></html>";

Donc, je pense compris ce que le réel problème est
Ses dans cette ligne

//Alternate view for embedded images
    AlternateView avText = AlternateView.CreateAlternateViewFromString(metric.Name, null, MediaTypeNames.Text.Html);
    AlternateView avImages = AlternateView.CreateAlternateViewFromString(htmlBody, null, MediaTypeNames.Text.Html);

Comme vous pouvez le voir, mes deux points de vue sont spécifiés en tant que Text.Html, donc, le 1er est primordial le prochain et ainsi je ne vois que du texte et des images sont envoyés comme pièces jointes

J'ai apporté la modification suivante et cela a fonctionné comme prévu

AlternateView avText = AlternateView.CreateAlternateViewFromString(metric.Name, null, **MediaTypeNames.Text.Plain**);
AlternateView avImages = AlternateView.CreateAlternateViewFromString(htmlBody, null, MediaTypeNames.Text.Html);

Premièrevous pouvez essayer d'utiliser des Uri absolus pour les images incorporées. Voici l'exemple de RFC-2557:

  From: foo1@bar.net
  To: foo2@bar.net
  Subject: A simple example
  Mime-Version: 1.0
  Content-Type: multipart/related; boundary="boundary-example";
          type="text/html"; start="<foo3@[email protected]>"

  --boundary-example
  Content-Type: text/html;charset="US-ASCII"
  Content-ID: <foo3@foo1@bar.net>

  ... text of the HTML document, which might contain a URI
  referencing a resource in another body part, for example
  through a statement such as:
  <IMG SRC="http://www.ietf.cnri.reston.va.us/images/ietflogo.gif" ALT="IETF logo">

  --boundary-example
  Content-Location:
     http://www.ietf.cnri.reston.va.us/images/ietflogo.gif
  Content-Type: IMAGE/GIF
  Content-Transfer-Encoding: BASE64

  R0lGODlhGAGgAPEAAP/////ZRaCgoAAAACH+PUNvcHlyaWdodCAoQykgMTk5
  NSBJRVRGLiBVbmF1dGhvcml6ZWQgZHVwbGljYXRpb24gcHJvaGliaXRlZC4A
  etc...

  --boundary-example--

Vous avez juste besoin d'attribuer LinkedResource.ContentLink propriété au lieu de ContentId.

Deuxièmevous pouvez intégrer des images directement dans votre code html avec les "données" schéma d'URL.

    <IMG
    SRC="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
    AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
    ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
    a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
    ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
    F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
    hhx4dbgYKAAA7"
    ALT="Larry">

BTW, votre balisage html n'est pas bien formé.
Vous pourriez également être intéressé par “foreach” vs “ForEach”

2

si vous avez les images en ligne, la signification de l'envoi à partir d'un site hébergé, je suggère que vous venez de référence de ces images simplement en mettant leur url dans le répertoire src.
```

<IMG SRC="http://www.ietf.cnri.reston.va.us/images/ietflogo.gif" ALT="IETF logo" />
```
la plupart des bulletins de l'utilisation de cette méthode, et je crois qu'il est plus léger et consomme moins de ressources que l'incorporation de lui-même.

espère que cette aide

Mon alternatie:

Tout d'abord, une petite extension:

public static class RegexExtensions
{
    public static string GetPattern(this IEnumerable<string> valuesToSearch)
    {
        return string.Format("({0})", string.Join("|", valuesToSearch));
    }
}

puis obtenir les noms d'images à partir du dossier:

    private string[] GetFullNamesOfImages()
    {
        string images = Path.Combine(_directoryName, "Images");
        if (!Directory.Exists(images))
            return new string[0];
        return Directory.GetFiles(images);
    }

puis de remplacer les noms d'images par cid:

    private string InsertImages(string body)
    {
        var images = GetFullNamesOfImages().Select(Path.GetFileName).ToArray();
        return Regex.Replace(body, "(Images/)?" + images.GetPattern(), "cid:$2", RegexOptions.IgnoreCase | RegexOptions.Compiled);
    }

où le corps est corps HTML, et par exemple, <img src="Images/logo_shadow.png" alt="" style="width: 100%;" /> sera remplacé par <img src="cid:logo_shadow.png" alt="" style="width: 100%;" />

puis la dernière action: ajout d'images itselfs mail:

    private MailMessage CreateMail(SmtpClient smtp, string toAddress, string body)
    {
        var images = GetFullNamesOfImages();

        string decodedBody = WebUtility.HtmlDecode(body);
        var text = AlternateView.CreateAlternateViewFromString(decodedBody, null, MediaTypeNames.Text.Plain);
        var html = AlternateView.CreateAlternateViewFromString(body, null, MediaTypeNames.Text.Html);
        foreach (var image in images)
        {
            html.LinkedResources.Add(new LinkedResource(image, new ContentType("image/png"))
                                     {
                                         ContentId = Path.GetFileName(image)
                                     });
        }


        var credentials = (NetworkCredential) smtp.Credentials;

        var message = new MailMessage(new MailAddress(credentials.UserName), new MailAddress(toAddress))
                      {
                          Subject = "Some subj",
                          Body = decodedBody
                      };
        message.AlternateViews.Add(text);
        message.AlternateViews.Add(html);
        return message;
    }

        AlternateView avHtml = AlternateView.CreateAlternateViewFromString(body, null, MediaTypeNames.Text.Html);
LinkedResource inline = new LinkedResource(System.Web.HttpContext.Current.Server.MapPath("~/Images/e1.jpg"), MediaTypeNames.Image.Jpeg);
inline.ContentId = "1";
inline.TransferEncoding = System.Net.Mime.TransferEncoding.Base64;
avHtml.LinkedResources.Add(inline);
LinkedResource inline1 = new LinkedResource(System.Web.HttpContext.Current.Server.MapPath("~/CImages/2.jpg"), MediaTypeNames.Image.Jpeg);
inline1.ContentId = "2";
inline1.TransferEncoding = System.Net.Mime.TransferEncoding.Base64;
avHtml.LinkedResources.Add(inline1);
LinkedResource inline2 = new LinkedResource(System.Web.HttpContext.Current.Server.MapPath("~/Images/3.jpg"), MediaTypeNames.Image.Jpeg);
inline2.ContentId = "3";
inline2.TransferEncoding = System.Net.Mime.TransferEncoding.Base64;
avHtml.LinkedResources.Add(inline2);
LinkedResource inline3 = new LinkedResource(System.Web.HttpContext.Current.Server.MapPath("~/Content/Images/4.jpg"), MediaTypeNames.Image.Jpeg);
inline3.ContentId = "4";
inline3.TransferEncoding = System.Net.Mime.TransferEncoding.Base64;
avHtml.LinkedResources.Add(inline3);
MailMessage mail = new MailMessage();
mail.AlternateViews.Add(avHtml);

HTML:

       <img src="cid:1" alt="" />
<img src="cid:2" alt="" />
<img src="cid:3" alt="" /`
<img src="cid:4" alt="" />

Vous devez vous connecter pour publier un commentaire.