les emails html avec images en ligne ne sont pas rendus correctement sur l'iphone

Question

J'espérais que quelqu'un pourrait m'aider à comprendre ce que je fais de travers dans le code ci-dessous - mon email est envoyé, avec l'image soulignée correctement dans la plupart des clients email (gmail web, Android), mais il ne s'affiche pas correctement sur un iphone/ipad : seule la dernière image attachée est affichée, sans aucun contenu html ou texte affiché. Je comprends que chaque client de messagerie interprète et rend la charge utile différemment, mais je ne sais pas comment faire pour que cela fonctionne sur un iPhone.

Toute aide est la bienvenue !

code ruby :

require 'mail'

def inline_body_with_attachments(html, attachments)
    attachments.each do |attachment|
        if (html =~ /#{attachment.filename}/)
            html = html.sub(attachment.filename, "cid:#{attachment.cid}")
        end
    end
    return html
end

mail = Mail.new({
    :from    => "foo@bar.com",
    :to      => "you@gmail.com",
    :subject => "html email with inline images"
})

text_part = Mail::Part.new do
    body "some text"
end

mail.text_part = text_part

# Load the attachments
attachment = "image.png"
mail.attachments[attachment] = File.read(attachment)

inline_html = inline_body_with_attachments("<b>An inline image</b><img src='image.png'/>", mail.attachments)

html_part = Mail::Part.new do
    content_type 'text/html; charset=UTF-8'
    body         inline_html
end

mail.html_part  = html_part
mail.deliver!

L'e-mail se présente comme suit :

Date: Fri, 24 May 2013 13:58:02 +0000
From: foo@bar.com
To: you@gmail.com
Message-ID: <519f71eab9175_2a1d9e0764742c@foo.com.mail>
Subject: test mail with attachment- raw
Mime-Version: 1.0
Content-Type: multipart/alternative;
 boundary="--==_mimepart_519f71eab2260_2a1d9e076471d6";
 charset=UTF-8
Content-Transfer-Encoding: 7bit

----==_mimepart_519f71eab2260_2a1d9e076471d6
Date: Fri, 24 May 2013 13:58:02 +0000
Mime-Version: 1.0
Content-Type: text/plain;
 charset=UTF-8
Content-Transfer-Encoding: 7bit
Content-ID: <519f71eab3e04_2a1d9e076472b9@foo.com.mail>

some text

----==_mimepart_519f71eab2260_2a1d9e076471d6
Date: Fri, 24 May 2013 13:58:02 +0000
Mime-Version: 1.0
Content-Type: text/html;
 charset=UTF-8
Content-Transfer-Encoding: 7bit
Content-ID: <519f71eab692b_2a1d9e076473d4@foo.com.mail>

<b>An inline image</b><img src='cid:519f71eab047e_2a1d9e07647047@foo.com.mail'/>

----==_mimepart_519f71eab2260_2a1d9e076471d6
Date: Fri, 24 May 2013 13:58:02 +0000
Mime-Version: 1.0
Content-Type: image/png;
 charset=UTF-8;
 filename=image.png
Content-Transfer-Encoding: base64
Content-Disposition: attachment;
 filename=image.png
Content-ID: <519f71eab047e_2a1d9e07647047@foo.com.mail>

iVBORw0KGgoAAAANSUhEUgAAASwAAABaCAYAAAACcWsdAAAXUUlEQVR4nGJk
[.... more image encoding ...]
DhwFowAXGE0go2CQAAAAAAD//wMAFOkCtHNhXPkAAAAASUVORK5CYII=

----==_mimepart_519f71eab2260_2a1d9e076471d6--

Answer 1

Pour que cela fonctionne sur l'iphone, j'ai dû intégrer le contenu html et l'image dans leur propre contenu. multipart/related partie.

require 'mail'

def inline_body_with_attachments(html, attachments)
    attachments.each do |attachment|
        if (html =~ /#{attachment.filename}/)
            html = html.sub(attachment.filename, "cid:#{attachment.cid}")
        end
    end
    return html
end

mail = Mail.new({
    :from    => "demo@etsy.com",
    :to      => "nkammah@etsy.com",
    :subject => "test mail with attachment- raw4",
    :content_type => 'multipart/alternative'
})

text_part = Mail::Part.new do
    body "some text"
end

mail.add_part( text_part)

other_part = Mail::Part.new do
  content_type 'multipart/related;'
end

# Load the attachments
attachment = "image.png"
#mail.attachments[attachment] = File.read(attachment)
other_part.add_file(attachment)

inline_html = inline_body_with_attachments("<b>An inline image</b><img src='image.png'/>", other_part.attachments)
html_part = Mail::Part.new do
    content_type 'text/html; charset=UTF-8'
    body         inline_html
end
other_part.add_part(html_part)

mail.add_part(other_part)

mail.deliver!

Answer 2

Je ne sais pas si c'est utile, mais j'ai suivi à peu près votre code, et ça marche sur mon iPhone 5. J'envoie vers un serveur Microsoft Exchange.

require 'mail'

mail = Mail.deliver do
    to 'myaddress@domain.com'
    from 'test@domain.com'
    subject 'Inline Image test'

    add_file './banner.png'

    pic = attachments['banner.png']

    html_part do
        content_type 'text/html; charset=UTF-8'
        body "<img width=597 height=162 id='Banner0' src='cid:#{pic.cid}'>"
    end

end

J'espère que cela vous aidera.