Email HTML avec image Base64

**PierreG16** · 17/04/2018, 10h34

Bonjour à tous et à toutes,

Que je vous explique rapidement j'ai créé un script en powershell qui exécute un traitement automatique. À la fin de ce traitement j'ai besoin d'envoyer un mail de confirmation à X personnes.
Seul problème je ne suis absolument pas doué en HTML j'ai donc cherché un peu partout et j'ai un problème avec les images. J'aimerais intégrer des images encodées en "base64" le problème c'est qu'elle ne s'affiche pas dans Outlook...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
 
  xmlns:o="urn:schemas-microsoft-com:office:office">
  <head>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Emmission</title>
    <style type="text/css">
                        /* ----- Custom Font Import ----- */
                        
 
                        /* ----- Text Styles ----- */
                        table{
                                font-family: 'calibri', Arial, sans-serif;
                                -webkit-font-smoothing: antialiased;
                                -moz-font-smoothing: antialiased;
                                font-smoothing: antialiased;
                        }
 
                        @media only screen and (max-width: 700px){
                                /* ----- Base styles ----- */
                                .full-width-container{
                                        padding: 0 !important;
                                }
 
                                /*.container{
                                        width: 100% !important;
                                }*/
                                .container{
                                         display: block;
                                         max-width:230px;
                                         max-height:95px;
                                         width: auto;
                                         height: auto;
                                }
                                /* ----- Header ----- */
                                .header td{
                                        padding: 30px 15px 30px 15px !important;
                                }
 
                                /* ----- Projects list ----- */
                                .projects-list{
                                        display: block !important;
                                }
 
                                .projects-list tr{
                                        display: block !important;
                                }
 
                                .projects-list td{
                                        display: block !important;
                                }
 
                                .projects-list tbody{
                                        display: block !important;
                                }
 
                                .projects-list img{
                                        margin: 0 auto 25px auto;
                                }
 
                                /* ----- Half block ----- */
                                .half-block{
                                        display: block !important;
                                }
 
                                .half-block tr{
                                        display: block !important;
                                }
 
                                .half-block td{
                                        display: block !important;
                                }
 
                                .half-block__image{
                                        width: 100% !important;
                                        background-size: cover;
                                }
 
                                .half-block__content{
                                        width: 100% !important;
                                        box-sizing: border-box;
                                        padding: 25px 15px 25px 15px !important;
                                }
 
                                /* ----- Hero subheader ----- */
                                .hero-subheader__title{
                                        padding: 80px 15px 15px 15px !important;
                                        font-size: 35px !important;
                                }
 
                                .hero-subheader__content{
                                        padding: 0 15px 90px 15px !important;
                                }
 
                                /* ----- Title block ----- */
                                .title-block{
                                        padding: 0 15px 0 15px;
                                }
 
                                /* ----- Paragraph block ----- */
                                .paragraph-block__content{
                                        padding: 25px 15px 18px 15px !important;
                                }
 
                                /* ----- Info bullets ----- */
                                .info-bullets{
                                        display: block !important;
                                }
 
                                .info-bullets tr{
                                        display: block !important;
                                }
 
                                .info-bullets td{
                                        display: block !important;
                                }
 
                                .info-bullets tbody{
                                        display: block;
                                }
 
                                .info-bullets__icon{
                                        text-align: center;
                                        padding: 0 0 15px 0 !important;
                                }
 
                                .info-bullets__content{
                                        text-align: center;
                                }
 
                                .info-bullets__block{
                                        padding: 25px !important;
                                }
 
                                /* ----- CTA block ----- */
                                .cta-block__title{
                                        padding: 35px 15px 0 15px !important;
                                }
 
                                .cta-block__content{
                                        padding: 20px 15px 27px 15px !important;
                                }
 
                                .cta-block__button{
                                        padding: 0 15px 0 15px !important;
                                }
                        }
                </style>
    <!--[if gte mso 9]><xml>
			<o:OfficeDocumentSettings>				<o:AllowPNG/>				<o:PixelsPerInch>96</o:PixelsPerInch>			</o:OfficeDocumentSettings>
		</xml><![endif]-->
  </head>
  <body style="padding: 0px; margin: 0px; background-color: #eeeeee;"> <span style="color:transparent !important; overflow:hidden !important; display:none !important; line-height:0px !important; height:0 !important; opacity:0 !important; visibility:hidden !important; width:0 !important; mso-hide:all;">Confirmation
      d'Emission de Fichie</span>
    <!-- / Full width container -->
    <table class="full-width-container" style="width: 100%; height: 100%; padding: 30px 0 30px 0;"
 
      cellspacing="0" cellpadding="0" border="0" bgcolor="#eeeeee" height="100%"
 
      width="100%">
      <tbody>
        <tr>
          <td align="center" valign="top">
            <!-- / 700px container -->
            <table class="container" style="width: 700px;" cellspacing="0" cellpadding="0"
 
              border="0" bgcolor="#ffffff" width="700">
              <tbody>
                <tr>
                  <td align="center" valign="top">
                    <!-- / Header -->
                    <table class="container header" style="width: 620px;" cellspacing="0"
 
                      cellpadding="0" border="0" width="620">
                      <tbody>
                        <tr>
                          <td style="padding: 30px 0 30px 0; border-bottom: solid 1px #eeeeee;"
 
                            align="center"> <a style="font-size: 30px; text-decoration: none; color: #000000;"></a><a
 
                              href="https://www.developpez.net/forums/newthread.php?do=newthread&f=39">
                            <img alt="Logo" src="data:image/jpg;base64, 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
85C8VesFVWNaavACBIxD0d3cGyDQIsITHBkqBQXImKJBitRMZfmeekChqQ3CGIDhKZGdiCT5eZbw
m9UMBEkOz+uecheKvWCqrGtNYgmubCrYJyi42AXIQwC81gOpiyHZ/XPOQvFXrBVVjWmsQTXNhM5M
wmKVlkPlQRZDs/rnnIXir1gqqxrTWIJhc2CZLfX+w2I8ImzyAbAMAHiNIdn9c85C8VeslVWNaaxB
Nc+ETEAALdIWy0BgEUQHEfqQAAAYBgykeQ7Pq5+QaHawPa7JdkuyXZLskMuNDfEfA/1nsrxWk+rS
fVpPq0n1aT6tJ9Wk+rSfVpPq0n1XCmyKeEFiEY14lITZV8BwTd9kaOs3JSpLdyXY1wfGigGJ8lCN
BqPZFRt8BYQGAAyJ8oK8uRq7JdkuyXZKd+ybi9iMj7Xte17TNV7yHte8uxe1NVuP4Th0yz2va9r2
va9/40P/2gAMAwEAAgADAAAAEPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPOPPPPPP
PPPPEPPPPPPPFPPPPPDDDDDEPPPPPPNHJFJOPPPODPPPPPPGNPPFHPPPPPPFPPPPKPPPPKKPPPPO
KLLDPCCPPPKLPPPPPPKFPPFPPPPPPPFPPPPKPOPMJBPPPPLLHPIGHNPPPKPPPPPPPKFPPEEOHPFG
KFPPPPKPLOPLHPPPPLHPEKPNHPPPPIMGPOCFFHPPPPPFPHFPPPPPPKPKKPPPPPPPAFPAFPPPPPPP
PPAPPPPPPPPPPPFPPFPPPPPPKPKODDAPPPPONPEEBPPPPPPPPAPPPPPPPPPPPFPPFPPPPPPKPPPP
KFPPPPLJNPPACPPPPPPPAPPPPPPPPPPPFPPFPPPPPPKPONMMGPPPPPLDONPAEPPPPPPAPPPPPPPP
PPPFPPFPPPPPPKPKOPPPPPPPPPPJHPLOFPPPPPAPPPPPPPPPPPFPPFPPPPPPKPKKPPPPPPPPPPPJ
HPPFPPPPPAPPPPPPPPPPPFPPFPPPPPPKPLLMMNPPPPPNNPPNPIFPPPPPAPPPPPPPPPPPFPPFPPPP
PPKPKIAAPPPPPLGNHIPKCFPPPPPAPPPPPPPPPPOFPPFPPPPPPKPPHPPKPPPPJNPPPPFBPPPPPPAP
PPPPPPPPPOAAFFPPPPPPMAAAAALPPPPMKGNADJPPPPPPPDAEJPPPPPPPLLDHPPPPPPPHHPPPPDPP
PPPDDPDPPPPPPPPPDDDDPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
PPP/xAAUEQEAAAAAAAAAAAAAAAAAAACg/9oACAEDAQE/EB6//8QAFBEBAAAAAAAAAAAAAAAAAAAA
oP/aAAgBAgEBPxAev//EACoQAQABAQUHBQEBAQAAAAAAAAEAESEwMVHwIEFhcaHR8RBAkbHBgeGg
/9oACAEBAAE/EP8AgMrBrf1ulpK23lfaVvVpK1vVpcfyLUCiJI35hhhhhhhhhhhhglpARDRzpdKs
awA/rNUfs1Z+zRn7NGfs0Z+zRn7NGfs0Z+zRn7NGfs1Z+ytQt1obx+YAERqVqb79o/ycW1AOsUKA
WinSNpXHE/JRaff2jIW6yx+oNqzdQfiGFLBVRlTO6GEcASeVYak+70QwwwwwwwwwwyvpOsBBk0At
oYWbTiQMEwh5+M8u7zyzvPLO88s7zyzvPLO88s7zyzvPLO88s7zyzvPLO88s7zy7vAAdWjNsGFyW
dNpUcEbP7HeeZd55l3nmXeeZd55l3nmXeeZd55l3nmXeeZd4aDb55nGNStVr15F5vljHGCpCpq/z
iwiWWh+GkSd8Gw4FIyVWxRVlSK03SpBQdtFCRqY99cakB72ZhfqUomCCXGBnFt+Mp5d3nlneeWd5
5Z3nlneeWd55Z3nlneeWd55Z3nlneeWd55Z3nl3eHy815OM1LLacSa1n9hkXPW/RG70jJNTyLwJn
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
hj7ClNmlL+kpe0pd09Ke3p/w8f/Z
"></a></td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- /// Header -->
                    <!-- / Hero subheader -->
                    <table class="container hero-subheader" style="width: 620px;"
 
                      cellspacing="0" cellpadding="0" border="0" width="620">
                      <tbody>
                        <tr>
                          <td class="hero-subheader__title" style="font-size: 30px; font-weight: bold; padding: 30px 0 15px 0;"
 
                            align="center">Confirmation d'Emission de Fichier</td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- /// Hero subheader -->
                    <!-- / coprs -->
                    <table class="hero-subheader__content" style="width: 620px;"
 
                      cellspacing="0" cellpadding="0" border="0" width="620">
                      <tbody>
                        <tr>
                          <td class="hero-subheader__content" style="font-size: 16px; line-height: 25px; color: #969696; padding: 0 10px 3px 0;"
 
                            align="left">
                            <p>Le fichier a bien été envoyé.<br />
                              <br />
                              <br />
                              <br />
                              Cordialement,<br />
                              TEST<br />
                              <br />
                              <em>Ceci est un mail automatique, merci de ne pas
                                y répondre</em> </p>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- /// corps -->
                    <!-- / Title -->
                    <table class="container title-block" cellspacing="0" cellpadding="0"
 
                      border="0" width="100%">
                      <tbody>
                        <tr>
                          <td align="center" valign="top">
                            <table class="container" style="width: 620px;" cellspacing="0"
 
                              cellpadding="0" border="0" width="620">
                              <tbody>
                                <tr>
                                  <td style="border-bottom: solid 1px #eeeeee; padding: 5px 0 18px 0;"><br />
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- /// Title -->
                    <!-- / Info Bullets -->
                    <table class="container info-bullets" cellspacing="0" cellpadding="0"
 
                      border="0" align="center" width="100%">
                      <tbody>
                        <tr>
                          <td align="center">
                            <table class="container" style="width: 620px;" cellspacing="0"
 
                              cellpadding="0" border="0" align="center" width="620">
                              <tbody>
                                <tr>
                                  <td class="info-bullets__block" style="padding: 30px 30px 15px 30px;"
 
                                    align="center">
                                    <table class="container" cellspacing="0" cellpadding="0"
 
                                      border="0" align="center">
                                      <tbody>
                                        <tr>
                                          <td class="info-bullets__icon" style="padding: 0 15px 0 0;">
                                            <a class="info-bullets__content" style="color: #969696; font-size: 16px;"
 
                                              href="mailto:nereplay@test.fr?subject=Information+compl%C3%A9mentaire"><img
 
                                                src="https://zupimages.net/up/18/01/rh7l.png"
 
                                                alt="" />**</a> </td>
                                          <!--/*<td class="info-bullets__content" style="color: #969696; font-size: 16px;">*Exploitation.SI</td>-->
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                  <!-- /// Info Bullets --> </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    '@
 
  </body>
</html>

Pour info j'avais essayé de faire un HTML Responsive mais...

Merci par avance

**Vil'Coyote** · 17/04/2018, 11h00

bonjour,
toute les messageries ne prennent pas en compte l'encodage base64 des images : https://www.campaignmonitor.com/blog...in-html-email/

soit cela fait partie d'option à régler soit cela est interdis et pas possible de forcer l'affichage.

**PierreG16** · 17/04/2018, 11h36

Bonjour merci pour la réactivité,

C'est a dire que ce n'est pas possible via Outlook.. Mais comment faire si on ne pas hébergé les image sur un hébergeur public ?

**Vil'Coyote** · 17/04/2018, 14h56

je pense qu'une intégration et envoi pièce jointe devrait suffire. il va peut être falloir revoir ton model et renseigne toi sur phpmailer etc ...

**PierreG16** · 18/04/2018, 10h39

Intégration ? Je ne souhaite pas joindre de pièce joint dans le mail ..

**Vil'Coyote** · 18/04/2018, 10h47

entre ce que tu souhaites et ce qu'il est possible d'être fait il va falloir trancher.

**BakSh0** · 18/04/2018, 10h53

Bonjour,

Tu lance ce script Powershell depuis un serveur web ? Si oui tu peux trés bien stocker l'image dans un répertoire et mettre le lien de l'image dans ton email.
Sinon prévois de stocker l'image en local et envoie le via un script sur un serveur web ?

Quel est la raison technique qui t'oblige à utiliser du base64 ?

Email HTML avec image Base64

HTML

Vue hybride

Discussions similaires

Partager

Partager