Outlook Connector - Display Image in the body of the email

(0) Share

Report

Posted on by EBMRay

1,712

Hello everyone,

I would like to display a png image that is uploaded to my canvas app in the email body message that will be sent using the outlook connector within the app.

I have tried to convert the png image to base64 that is defined in variable and after that, I passed this variable in the body of the email inside the HTML source code as below, but unfortunately, it is not working and displaying the image in the email it is showing a blank content:

Set(PenVar, JSON( Image.Image,JSONFormat.IncludeBinaryData ) );
Office365Outlook.SendEmailV2("test@microsoft.com","test","<img src='data&colon;image/png;base64,"&PenVar&"' alt='TestImg' width='500' height='600'>",{IsHTML:true})

What I am doing wrong? Could you please provide an example and the corrected formula that will make it work?

Any help is highly appreciated.
Thank you!

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Sort by

TheRobRush 11,128 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

I could be wrong, as it's been a while since I looked into this, but I believe images can not be sent embedded in the email body only as attachments using the built in outlook connector. You can still do it, but you would push the email portion out to a Microsoft flow using powerautomate.

Someone feel free to correct me.

Was this reply helpful? Yes No
EBMRay 1,712 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @TheRobRush ,
Thank you for your reply.
I watched different youtube videos and I noticed that various people were able to send embedded images in the email but with a hardcoded base64 code used in the HTML code. My requirement for this app is to use Power Automate to send emails.
Let us wait for additional answers.
Best regards,
Julien

Was this reply helpful? Yes No
Verified answer

TheRobRush 11,128 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
Alright so I got it working on my end.

In this example I have an upload image control, and the image portion of it is titled UploadedImage2

Set(varImage,JSON(UploadedImage2.Image,IncludeBinaryData)); Office365Outlook.SendEmailV2("No@Email.com","Email With Image", "<img src="&varImage&">")

that should make your code something like

Set(PenVar,JSON(Image.Image,IncludeBinaryData)); Office365Outlook.SendEmailV2("test@microsoft.com","test", "<img src="&PenVar&">")

Was this reply helpful? Yes No
EBMRay 1,712 on at

Like
a
(0)

Report
Copy link

Link copied!

Hello @TheRobRush ,
I also got it working on my end based on the formula that you have provided.
Thank you for your assistance.
Best regards,
Julien

Was this reply helpful? Yes No