HTML-e-Mail avec pièces jointes en ligne et non en ligne des pièces jointes

Quelle est la bonne façon de créer un HTML-e-Mail avec pièces jointes en ligne et non en ligne des pièces jointes?

En plus s'il vous plaît dites-moi ce Type de Contenu à utiliser uniquement avec des pièces jointes en ligne et avec seulement les pièces jointes en ligne.

Jusqu'à maintenant j'ai fait comme ceci:

MIME-Version: 1.0
[some more headers]
Content-type: multipart/mixed;
 boundary="myboundary"
--myboundary
Content-Type: text/html; charset=ISO-8859-15
Content-Transfer-Encoding: 7bit

[html with img cid:my_image]

--myboundary
Content-Type: image/png;  name="my_image.png"
Content-Transfer-Encoding: base64
Content-ID: <my_image>
Content-Disposition: inline;  filename="my_image.png"

[base64 image data]

--myboundary
Content-type: application/pdf;  name="my_pdf.pdf"
Content-length: 1150
Content-Transfer-Encoding: base64
Content-ID: <my_pdf.pdf>
Content-Disposition: attachment;  filename="my_pdf.pdf"

[base64 pdf data]

--myboundary--

Le mail semble bon dans outlook. Mais j'ai remarqué que Thunderbird ne pas afficher mon image en ligne et montre 2 pièces jointes à la place (mon image et Mon PDF). J'ai donc fait un peu de débogage et remarqué que les images doivent être envoyées par Content-Type: multipart/related.

J'ai donc changé Content-Type: multipart/mixed à Content-Type: multipart/related et Thunderbird affiche il correct: L'image s'affiche en html et une pièce jointe, le fichier PDF est affiché.

Je ne suis pas sûr si c'est la bonne solution, bien qu'il semble fonctionner. Est-il correct d'utiliser multipart/related toujours (dans le cas où si j'ai en ligne et non en ligne des pièces jointes, dans le cas où si j'ai uniquement des pièces jointes en ligne et dans le cas où si j'ai seulement les pièces jointes en ligne)?

Ou est la façon correcte d'utiliser une limite de type diviser les pièces jointes en ligne et une autre frontière de type mixte pour diviser la non-pièces jointes en ligne?

J'espère que vous pouvez me fournir un échantillon pour

  1. E-mail avec inline seulement les pièces jointes
  2. E-mail avec les non-associé uniquement les pièces jointes
  3. E-mail en ligne et non en ligne des pièces jointes
J'ai écrit une réponse à une question similaire, et a créé un art ascii pour expliquer la answert: stackoverflow.com/a/40420648/633961

OriginalL'auteur steven | 2015-05-20

  1. 23

    Images

    Oui, il est correct de l'approche à utiliser multipart/related type de contenu. Voici un exemple (notez que 'Content-Type' et 'Content-Disposition" valeurs):

    HTML-e-Mail avec pièces jointes en ligne et non en ligne des pièces jointes

    Exemple de source et les informations détaillées

    Ici sont des exemples que vous avez demandé:

    1. E-mail avec inline seulement les pièces jointes
    2. E-mail avec les non-associé uniquement les pièces jointes
    3. E-mail en ligne et non en ligne des pièces jointes

    Exemple 1: en ligne seulement

    HTML-e-Mail avec pièces jointes en ligne et non en ligne des pièces jointes

    Subject: Test 01: inline only
To: Renat Gilmanov
Content-Type: multipart/related; boundary=089e0149bb0ea4e55c051712afb5

--089e0149bb0ea4e55c051712afb5
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. P=
ellentesque odio urna, bibendum eu ultricies in, dignissim in magna. Vivamu=
s risus justo, viverra sed dapibus eu, laoreet eget erat. Sed pretium a urn=
a id pulvinar.<br><br><img src=3D"cid:ii_ia6yo3z92_14d962f8450cc6f1" height=
=3D"218" width=3D"320"><br>=E2=80=8B<br>Cras eu velit ac purus feugiat impe=
rdiet nec sit amet ipsum. Praesent gravida lobortis justo, nec tristique ve=
lit sagittis finibus. Suspendisse porta ante id diam varius, in cursus ante=
 luctus. Aenean a mollis mi. Pellentesque accumsan lacus sed erat vulputate=
et semper tellus condimentum.<br><br>Best regards<br></div>

--089e0149bb0ea4e55c051712afb5
Content-Type: image/png; name="test-01.png"
Content-Disposition: inline; filename="test-01.png"
Content-Transfer-Encoding: base64
Content-ID: <ii_ia6yo3z92_14d962f8450cc6f1>
X-Attachment-Id: ii_ia6yo3z92_14d962f8450cc6f1

iVBORw0KGgoAAAANSUhEUgAAAUAAAADaCAYAAADXGps7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
AAALewAAC3sBSRnwgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALnSURB
...
QCDLAIEsAwSyDBDIMkAgywCBLAMEsgwQyDJAIMsAgSwDBLIMEMgyQCDLAIEsAwSyDBDIMkAg6wK+
4gU280YtuwAAAABJRU5ErkJggg==
--089e0149bb0ea4e55c051712afb5--

    Exemple 2: seules les pièces jointes de

    HTML-e-Mail avec pièces jointes en ligne et non en ligne des pièces jointes

    Subject: Test 02: only attachments
To: Renat Gilmanov 
Content-Type: multipart/mixed; boundary=047d7b41cc5c82ae5d051712c40c

--047d7b41cc5c82ae5d051712c40c
Content-Type: text/plain; charset=UTF-8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
odio urna, bibendum eu ultricies in, dignissim in magna. Vivamus risus
justo, viverra sed dapibus eu, laoreet eget erat. Sed pretium a urna
id pulvinar.

Cras eu velit ac purus feugiat imperdiet nec sit amet ipsum. Praesent
gravida lobortis justo, nec tristique velit sagittis finibus.
Suspendisse porta ante id diam varius, in cursus ante luctus. Aenean a
mollis mi. Pellentesque accumsan lacus sed erat vulputate, et semper
tellus condimentum.

Best regards

--047d7b41cc5c82ae5d051712c40c
Content-Type: image/png; name="test-02.png"
Content-Disposition: attachment; filename="test-02.png"
Content-Transfer-Encoding: base64
X-Attachment-Id: f_ia6yvl4b0

iVBORw0KGgoAAAANSUhEUgAAAUAAAADaCAYAAADXGps7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
AAALewAAC3sBSRnwgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALnSURB
...
gECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBA1gWV
ywTWDU1tpwAAAABJRU5ErkJggg==
--047d7b41cc5c82ae5d051712c40c--

    Exemple 3: en ligne et les pièces jointes

    HTML-e-Mail avec pièces jointes en ligne et non en ligne des pièces jointes

    Subject: Test 03: inline and attachments
To: Renat Gilmanov
Content-Type: multipart/mixed; boundary=001a11c24d809f1525051712cc78

--001a11c24d809f1525051712cc78
Content-Type: multipart/related; boundary=001a11c24d809f1523051712cc77

--001a11c24d809f1523051712cc77
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. P=
ellentesque odio urna, bibendum eu ultricies in, dignissim in magna. Vivamu=
s risus justo, viverra sed dapibus eu, laoreet eget erat. Sed pretium a urn=
a id pulvinar.<br><br><img src=3D"cid:ii_ia6yyemg0_14d9636d8ac7a587" height=
=3D"218" width=3D"320"><br>=E2=80=8B<br>Cras eu velit ac purus feugiat impe=
rdiet nec sit amet ipsum. Praesent gravida lobortis justo, nec tristique ve=
lit sagittis finibus. Suspendisse porta ante id diam varius, in cursus ante=
 luctus. Aenean a mollis mi. Pellentesque accumsan lacus sed erat vulputate=
et semper tellus condimentum.<br><br>Best regards</div>

--001a11c24d809f1523051712cc77
Content-Type: image/png; name="test-01.png"
Content-Disposition: inline; filename="test-01.png"
Content-Transfer-Encoding: base64
Content-ID: <ii_ia6yyemg0_14d9636d8ac7a587>
X-Attachment-Id: ii_ia6yyemg0_14d9636d8ac7a587

iVBORw0KGgoAAAANSUhEUgAAAUAAAADaCAYAAADXGps7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
AAALewAAC3sBSRnwgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALnSURB
...
QCDLAIEsAwSyDBDIMkAgywCBLAMEsgwQyDJAIMsAgSwDBLIMEMgyQCDLAIEsAwSyDBDIMkAg6wK+
4gU280YtuwAAAABJRU5ErkJggg==
--001a11c24d809f1523051712cc77--
--001a11c24d809f1525051712cc78
Content-Type: image/png; name="test-02.png"
Content-Disposition: attachment; filename="test-02.png"
Content-Transfer-Encoding: base64
X-Attachment-Id: f_ia6yymei1

iVBORw0KGgoAAAANSUhEUgAAAUAAAADaCAYAAADXGps7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
AAALewAAC3sBSRnwgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALnSURB
...
gECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBA1gWV
ywTWDU1tpwAAAABJRU5ErkJggg==
--001a11c24d809f1525051712cc78--

    Résumé

    1. Associé uniquement les pièces jointes: utilisation multipart/related
    2. Non en ligne uniquement des pièces jointes: utilisation multipart/mixed
    3. En ligne et non en ligne des pièces jointes utilisation multipart/mixed et multipart/related

    Mise à jour

    Voici un article très intéressant: Utilisation d'Images dans les mails HTML

    d'abord merci pour votre réponse. S'il vous plaît corrigez-moi si je me trompe, ce que je comprends de votre réponse, c'est que dans deux cas: en ligne et non en ligne des pièces jointes-je utiliser à la fois, un multipart/mixed ET un multipart/related limite. Le mélange de avoir les pièces suivantes: 1. Le HTML-Mail y compris les pièces jointes et 2. Le premier non-inline l'annexe 3. La deuxième non en ligne de l'attachement ... Partie 1 est elle-même coupée en deux par les limites.
    Peut-être que vous devriez améliorer votre réponse un peu. Vous pouvez supprimer la partie où vous expliquez que fichier pdf doit envoyés par type de contenu application/pdf parce qu'il ne faisait pas partie de la question. La question était seulement sur les limites des types de contenu. Et il serait bon de donner trois exemples comme votre dernier exemple de la place: 1. image en ligne d'attachement, 2. non en ligne d'attachement et 3. à la fois en ligne et non en ligne de l'attachement (c'est ce que votre exemple montre, pour l'instant) mais vous pouvez supprimer les multipart/alternative partie parce qu'il ne faisait pas partie de la question.
    Je vous offre +100 pour votre réponse si vous l'améliorer un petit peu comme je l'ai expliqué. J'espère que vous confirmer mon intention de fournir un échantillon pour l'ensemble des trois variantes. J'espère donc vous aider à comprendre les limites des trucs qui n'est pas si facile à obtenir par la lecture de la Rfc. Je vous remercie beaucoup.
    Bien sûr, il est assez facile d'obtenir d'autres exemples. Sera mise à jour de la réponse au cours de la journée.
    Merci pour la superbe réponse @RenatGilmanov! Je vais avoir un problème similaire avec des types Mime, dans lequel je tente d'ajouter une partie HTML 'prefix' à l'e-mail du corps, mais certains clients se vider corps sans pièces jointes, certains d'obtenir le corps que dans les pièces jointes (le corps est vide) (Outlook sur Windows), et certains fonctionnent bien (GMail, web, Application Android, etc.). Veuillez prendre un coup d'oeil si c'est possible: stackoverflow.com/questions/47312409/...

    OriginalL'auteur Renat Gilmanov