Gmail: Image not display

[GaetanFauconnier85]

I want to write an email with a image.
The email is send but when i open it the image is blanck.
Did i mis something ? And other question, how can i attache image ?
Thanks
Best regards

`

Uint8List qr = await _generateBarCode(element.idDiscount);
      print(qr);
      var image = BASE64.base64Encode(qr);
      print(image);

final smtpServer = gmail('**','**);
print(emailUser);
final message = Message()
..from = Address('***')
..recipients.add(emailUser) //recipent email
..subject = "oui"
..html = "<div> <p>Taken from wikpedia</p> <img src=\"data:image/png;base64, $image\" alt=\"Logo\" title=\"Logo\" style=\"display:block\" width=\"200\" height=\"87\" />";


try {
final sendReport = await send(message, smtpServer);
print('Message sent: ' +
sendReport.toString()); //print if the email is sent
} on MailerException catch (e) {
print('Message not sent. \n' +
e.toString()); //print if the email is not sent
// e.toString() will show why the email is not sending
}`

[close2]

Please send me this email: [email protected]
I'll take a look.

Have you seen
#85 and
#104
?

[GaetanFauconnier85]

Hi,The probleme seems come from gmail and not the mail because when i try to transfer the email to you, the picture apears well.So hi send my picture in attachement and its work pretty well.Thanks for you help,Best Regards

[close2]

If I understand correctly your images are in base64.
A lot of mail programs don't display them.

Try inline attachments.

I've used this:
<img alt="Bewerbung" height="auto" src="cid:[email protected]" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="100">
in one of my mails.
(I've created the mail using mjml, which I highly recommend: https://mjml.io/try-it-live)

The image was then added (in dart) like this:
FileAttachment(File(a)) ..location = Location.inline ..cid = "<[email protected]>")

Note that the cid in the code has additional < and >

I can send you more details if you want (just send me an email).

[GaetanFauconnier85]

Thanks you for your kick answer ! Indeed my images was in base64Thanks again for the tips !

[Harshana-Rathnayaka]

If I understand correctly your images are in base64.
A lot of mail programs don't display them.

Try inline attachments.

I've used this:
<img alt="Bewerbung" height="auto" src="cid:[email protected]" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="100">
in one of my mails.
(I've created the mail using mjml, which I highly recommend: https://mjml.io/try-it-live)

The image was then added (in dart) like this:
FileAttachment(File(a)) ..location = Location.inline ..cid = "<[email protected]>")

Note that the cid in the code has additional < and >

I can send you more details if you want (just send me an email).

Hey, I'm facing the same issue. My image is base64 and it's not displayed in the email. Also I checked inspect element. And there was no src property. I don't understand why.

Also in your code
FileAttachment(File(a))

Where do you declare this variable a and how do you declare it? As a File ? If it's a File how do you assign the image to it? Sorry I'm a newbie!