Hinzufügen von Bildern zu System.Net.E-Mail-Nachricht

Ich habe einige gespeicherte Bilder in den Ressourcen.resx-Datei, in der meine Lösung. Ich möchte diese Bilder in meine E-Mail. Ich habe geladen, das Bild in eine variable: 

Bitmap myImage = new Bitmap(Resources.Image);

und jetzt will ich steckte ihn in den HTML-Code in die AlternateView string ich benutze zum erstellen der HTML-E-Mail. Brauchen nur etwas Hilfe.

Hier ist der HTML-string(teilweise):

 body += "</HEAD><BODY><DIV style='height:100%; width:700px;'><div style='height:70px; width:700px; background-color:red;'><img src='" + myImage + "' width='104' height='27' alt='img' style='margin: 20px 0px 0px 20px;'/></div>

Jede Hilfe wäre sehr geschätzt, Danke!

EDIT: Hier ist der gesamte Code-block. Ich glaube, ich bin kurz davor es einfach die Unerfahrenheit, die immer in der Art hier 🙂 ich habe versucht, die Umwandlung in ein Byte-wie vorgeschlagen-das hat mir weiter. Noch nicht Rendern des Bildes. Gibt es hier etwas Tue ich nicht Recht. Vielen Dank so viel für alle von Euch allen helfen! Hier ist der code (die HTML-brauche ich für das Bild ist in der 3 Zeile der string body = code):

 if (emailTo != null)
        {

            Bitmap myImage = new Bitmap(Resources.comcastHeader);
            ImageConverter ic = new ImageConverter();
            Byte[] ba = (Byte[])ic.ConvertTo(myImage, typeof(Byte[]));
            MemoryStream image1 = new MemoryStream(ba);

            LinkedResource headerImage = new LinkedResource(image1, "image/jpeg");
            headerImage.ContentId = "companyLogo";


            System.Net.Mail.MailMessage message = new System.Net.Mail.MailMessage();
            message.To.Add("" + emailTo + "");
            message.Subject = "" + customer + " Your order is being processed...";
            message.From = new System.Net.Mail.MailAddress("[email protected]");



            string body = "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">";
            body += "<HTML><HEAD><META http-equiv=Content-Type content=\"text/html; charset=iso-8859-1\">";
            body += "</HEAD><BODY><DIV style='height:100%; width:700px;'><div style='height:70px; width:700px; background-color:red;'><img src=\"cid:companyLogo\" width='104' height='27' alt='img' style='margin: 20px 0px 0px 20px;'/></div><P>Hello " + customer + ",</P><P>Thank you for shopping at <a href='" + store + "'>" + store + "</A>.  Your order is being processed and will be shipped to you soon.  We would like to take this time to thank you for choosing Storm Copper Components, and we hope you are completely satisfied with your purchase. Please review your information and make sure all the information is correct.  If there are any errors in your order, please contact us immediately <A href='mailto:[email protected]'>here.</A></P>";               
            body += "<P><B>Here is your order information:</B></P>";
            body += "<H3>Contact Information</H3><TABLE><TR><TD><B>Name:</B> " + customer + "</TR></TD><TR><TD><B>Address:</B> " + street + " " + city + ", " + state + " " + zip + "</TR></TD><TR><TD><B>Email:</B> " + emailTo + "</TR></TD><TR><TD><B>Phone:</B> " + phone + "</TR></TD><TR><TD></TD></TR></TABLE>";
            body += "<H3>Products Ordered</H3><TABLE>" + productInformation + "</TABLE><BR /><BR />";
            body += "<H3>Pricing Information</H3><TABLE><TR><TD>Subtotal: $" + subTotal + "</TD></TR><TR><TD>Shipping: $" + shippingInfo + " </TD></TR><TR><TD>Tax: $" + taxInfo + "</TD></TR><TR><TD><B>Total:</B> $" + total + "</TD></TR><BR /></TABLE>";
            body += "<P>Thank you for shopping with us!</P><A href='stormcopper.com'>Storm Copper Components</A>";
            body += "<P><I>This is an Auto-Generated email sent by store copper.  Your email will not be sent to Storm Copper Components if you reply to this message.  If you need to change any information, or have any questions about your order, please contact us using the information provided in this email.</I></P></DIV></BODY></HTML>";



            ContentType mimeType = new System.Net.Mime.ContentType("text/html");

            AlternateView alternate = AlternateView.CreateAlternateViewFromString(body, mimeType);

            message.AlternateViews.Add(alternate);
            System.Net.Mail.SmtpClient smtp = new System.Net.Mail.SmtpClient("########");
            smtp.Send(message);

        }
InformationsquelleAutor lazoDev | 2013-11-11
  1. 14

    müssen Sie fügen Sie Sie in die E-Mail-Nachricht, wie CID ' s/verknüpften Ressourcen.

    hier ist etwas code, den ich verwendet haben, bevor das funktioniert gut. Ich hoffe, das gibt Ihnen einige Hinweise:

    Erstellen Sie eine AlternateView:

    AlternateView av = AlternateView.CreateAlternateViewFromString(body, null, isHTML ? System.Net.Mime.MediaTypeNames.Text.Html : System.Net.Mime.MediaTypeNames.Text.Plain)

    Erstellen Sie eine Verknüpfte Ressource:

    LinkedResource logo = new LinkedResource("SomeRandomValue", System.Net.Mime.MediaTypeNames.Image.Jpeg);
logo.ContentId = currentLinkedResource.Key;
logo.ContentType = new System.Net.Mime.ContentType("image/jpg");

    //fügen Sie es auf die alternative Ansicht

    av.LinkedResources.Add(logo);

    //schließlich, fügen Sie die alternative Darstellung für die Nachricht:

    msg.AlternateView.Add(av);

    hier ist eine Dokumentation zu helfen, Sie mit dem, was die AlternativeView und LinkedResources sind und wie es funktioniert:

    http://msdn.microsoft.com/en-us/library/system.net.mail.mailmessage.alternateviews(v=vs. 110).aspx
    http://msdn.microsoft.com/en-us/library/system.net.mail.linkedresource(v=vs. 110).aspx
    http://msdn.microsoft.com/en-us/library/ms144669(v=vs. 110).aspx

    in der HTML selbst, müssen Sie etwas tun, wie die folgenden:

    "<img style=\"width: 157px; height: 60px;\" alt=\"blah blah\" title=\"my title here\" src=\"cid:{0}\" />";

    beachten Sie die CID gefolgt von einem string format {0} - dann verwende ich dies, um es zu ersetzen mit einem zufälligen Wert.

    UPDATE

    Zurück und kommentieren die Plakate Kommentare... hier ist die funktionierende Lösung für das poster:

    string body = "blah blah blah... body goes here with the image tag: <img src=\"cid:companyLogo\" width="104" height="27" />";

byte[] reader = File.ReadAllBytes("E:\\TestImage.jpg");
MemoryStream image1 = new MemoryStream(reader);
AlternateView av = AlternateView.CreateAlternateViewFromString(body, null, System.Net.Mime.MediaTypeNames.Text.Html);

LinkedResource headerImage = new LinkedResource(image1, System.Net.Mime.MediaTypeNames.Image.Jpeg);
headerImage.ContentId = "companyLogo";
headerImage.ContentType = new ContentType("image/jpg");
av.LinkedResources.Add(headerImage);


System.Net.Mail.MailMessage message = new System.Net.Mail.MailMessage();
message.AlternateViews.Add(av);
message.To.Add(emailTo);
message.Subject = " Your order is being processed...";
message.From = new System.Net.Mail.MailAddress("[email protected]");


ContentType mimeType = new System.Net.Mime.ContentType("text/html");
AlternateView alternate = AlternateView.CreateAlternateViewFromString(body, mimeType);
message.AlternateViews.Add(alternate);

    //dann die Nachricht senden!

    • Edit: ich bin mit dem AlternateView zum erstellen der E-Mail. Ich glaube, das ist die richtige Antwort ich bin einfach nicht richtig 🙂 jetzt habe ich die Bilder im myPro.Eigenschaften.Ressourcen-Bereich. Sollte Sie einfach nur in einem normalen Ordner in der Lösung? Sie müssen eingebettet werden Ressourcen wie auch? Die Art und Weise der Bilder-rendering ist im Moment als bitmap. Ich sehe keine ID-Referenz, die ich verwenden können, um füllen Sie die ContentID der Verlinkten Ressource.
    • Sie sollte auf der Festplatte, so dass es können, dann nehmen Sie es und tun, was es tun muss (ich.e konvertieren der bytes für den E-Mail-Anhang). Dies ist eigentlich die parameter Anforderung an die LinkedResource Objekt.
    • Ich aktualisierte mein code hier ein und platziert den gesamten code-block, wenn Sie nichts dagegen hätte, sich ein Blick. Vielen, vielen Dank. Ich denke ich bin auf dem richtigen Weg hier.
    • Ich hab es du hattest Recht. Ich benötigte für die Konvertierung in einen Byte zuerst, bevor ich es nutzen kann, als LinkedResource. Hatte auch um es in die andere Ansicht wechseln.LinkedResources.Add(hearderImage);
    • Ich aktualisiert meine gepostete für deine Lösung. aber es klingt wie Sie auf Ihrem Weg jetzt.
    • Hinweis: AlternateView, LinkedResource, und MailMessage-nicht verwaltet werden. Sie müssen entsorgt werden.
    • Was ist der Sinn der Schaffung av und dann nach, dass die alternativen? Sie scheinen das gleiche zu sein?
    • Ich denke, es ist eine schlechte Umsetzung dieser Ratschläge : stackoverflow.com/questions/1212838/... sollte Man senden die 2 Alternative Ansichten, in html, in einer nur-text-für ältere/Feuerzeug-mail-clients

    InformationsquelleAutor Ahmed ilyas
  2. 0

    Ist eine option, das Bild in einem host und in der src die url-Adresse, wie dies "src='http://www.host/myImage.jpg'"
    Diese Weise werden Sie nicht haben, laden Sie das Bild in jeder E-mail und wäre flexibler.

    • Die meisten E-Mail-Server blockiert diese und markieren Sie Sie als potenzielle Bedrohung. Diese E-Mail wird immer gesendet, vom server wie auch, man sollte das Bild kommen Sie von hier aus als eine eingebettete Datei. Ich möchte nicht, dass dieses E-Mail zu gehen, um eine junk-Datei. Danke für die Antwort. 🙂
    InformationsquelleAutor Nacho
  3. 0

    Wenn es jemand hilft, hier ist eine version, basierend auf Ahmed ilyas " sehr nützliche Antwort, geht die eigentliche Bitmap des Speicher-stream, und umschließt die verschiedenen Objekte, die für die Einführung IDisposable im using Blöcke -

    public void SendMailExample(string emailAddressTo, string hexColour)
    {
        //Give the LinkedResource an ID which should be passed into the 'cid' of the <img> tag -
        var linkedResourceId = "mylogo";
        var sb = new StringBuilder("");
        sb.Append("<body><p>This is the HTML email body with img tag...<br /><br />");
        sb.Append($"<img src=\"cid:{linkedResourceId}\" width=\"100\" height=\"115.5\" alt=\"Logo\"/>");
        sb.Append("<p></body>");
        var emailBodyHtml = sb.ToString();
        var emailBodyPlain = "This is the plain text email body";

        using (var message = new MailMessage())
        using (var logoMemStream = new MemoryStream())
        using (var altViewHtml = AlternateView.CreateAlternateViewFromString(emailBodyHtml, null, System.Net.Mime.MediaTypeNames.Text.Html))
        using (var altViewPlainText = AlternateView.CreateAlternateViewFromString(emailBodyPlain, null, System.Net.Mime.MediaTypeNames.Text.Plain))
        using (var client = new System.Net.Mail.SmtpClient(_smtpServer)
        {
            Port = 25,
            DeliveryMethod = System.Net.Mail.SmtpDeliveryMethod.Network,
            UseDefaultCredentials = false,
            EnableSsl = false
        })
        {
            message.To.Add(emailAddressTo);
            message.From = new MailAddress(_emailAddressFrom);
            message.Subject = "This is the email subject";

            //Assume that GetLogo() just returns a Bitmap (for my particular problem I had to return a logo in a specified colour, hence the hexColour parameter!)
            Bitmap logoBitmap = GetLogo(hexColour);
            logoBitmap.Save(logoMemStream, System.Drawing.Imaging.ImageFormat.Png);
            logoMemStream.Position = 0;

            using (LinkedResource logoLinkedResource = new LinkedResource(logoMemStream))
            {
                logoLinkedResource.ContentId = linkedResourceId;
                logoLinkedResource.ContentType = new ContentType("image/png");
                altViewHtml.LinkedResources.Add(logoLinkedResource);
                message.AlternateViews.Add(altViewHtml);
                message.AlternateViews.Add(altViewPlainText);

                client.Send(message);
            }
        }
    }
    InformationsquelleAutor Parrybird
  4. 0

    Ich weiß, dies ist eine alte post, aber wenn jemand noch trifft dies nach einer Antwort zu suchen (wie ich), dann habe ich eine einfachere Antwort.

    Können Sie eine einfache überlastung der LinkedResource-Objekt, das direkt übernimmt den Pfad der Datei als parameter. So gibt es keine Notwendigkeit, explizit Bild laden in den Speicher zu streamen. Natürlich, in diesem Beispiel davon ausgegangen, dass Sie Zugriff auf das Bild auf der Festplatte -

    Hier ist die komplette Funktion code, die für mich gearbeitet - 

    public System.Net.Mail.AlternateView GetAlternateView(string MessageText, string LogoPath, bool bSilent)
{

    try
    {
        MessageText += "<br><img title='' alt='' src='cid:SystemEmail_HTMLLogoPath' />";               

        System.Net.Mail.AlternateView view = System.Net.Mail.AlternateView.CreateAlternateViewFromString(MessageText, null, "text/html");
        System.Net.Mail.LinkedResource linked = new System.Net.Mail.LinkedResource(HttpContext.Current.Request.PhysicalApplicationPath + LogoPath);
        linked.ContentId = "SystemEmail_HTMLLogoPath";
        view.LinkedResources.Add(linked);
        return view;
    }
    catch (Exception ex)
    {
        if (bSilent)
            return null;
        else
            throw ex;
    }
}
    InformationsquelleAutor A. Varma
  5. -2

    sollten Sie nicht berechtigt, die Bitmap Objekt <img> tag, wie erwartet, dass der image-Pfad.

    Durch dies ersetzen:

    body += "</HEAD><BODY><DIV style='height:100%; width:700px;'><div style='height:70px; width:700px; background-color:red;'><img src='" + myImage + "' width='104' height='27' alt='img' style='margin: 20px 0px 0px 20px;'/></div>

    Mit folgenden :

    body += "</HEAD><BODY><DIV style='height:100%; width:700px;'><div style='height:70px; width:700px; background-color:red;'><img src='" + Resources.Image+ "' width='104' height='27' alt='img' style='margin: 20px 0px 0px 20px;'/></div>
    • Dies ist nicht zur Arbeit zu gehen, denn das Bild kommen über System.Zeichnung.Bitmap und gibt keine Informationen über die src die Datei, die ist, was ich brauche, um in der Lage sein, um es in der <a> tag. Vielen Dank für den post
    InformationsquelleAutor Sudhakar Tillapudi
Schreibe einen Kommentar