How can I add an image to a V2 email.

[Anonymous]

I've tried several things with no luck.  I'm trying to add an image to an email either from sharepoint, or oneDrive.

From sharepoint, I've tried Initializing a variable with the image source:

Where to Outputs() is as follows:

outputs('Get_file_content_using_path')?['body'].$content

  With the content coming from a "Get file content using path", as shown here:

And then adding the image tag:

I've also tried linking directly from the file content, but every time I do this, I get what looks like the binary content of the image.

I've tried several other methods, and I'm never able to see the image, no matter which tutorials, or documentation I follow.  Is it possible to show images in V2 email through power automate from Sharepoint, or OneDrive?  I've also tried different images, and different sizes.  Sometimes I do get a broken link image, but that's as close as I get.

[ekarim2020]

Please see the following:

Problem with base64 encoding of image using Get file content

https://powerusers.microsoft.com/t5/Building-Flows/Problem-with-base64-encoding-of-image-using-Get-f...

Ellis
____________________________________
If I have answered your question, please mark the post as Solved.
If you like my response, please give it a Thumbs Up.

[mgrachii]

Try with 

<img src="@{dataUri(outputs('Get_file_content_using_path')?['body'])}" />

[Anonymous]

Same result unfortunately.  No image.

[Anonymous]

Thank you for the post.  I actually spent a lot of time on that answer before.  I've had no luck with it.  I get the correct image (but a png), from Sharepoint as shown below.

I use the compose as you showed in the answer:

Then I add it to my HTML variable.  All of the HTML renders as expected, except for image.

[Anonymous]

I've also tried following a tutorial that outlines the same problem I had of seeing the binary.  And their solution was changing the dynamic content selection from:

<img src="data&colon;image/jpeg;base64,@{body('Get_file_content')['$content']}" alt="My Image" />

To,

<img src="data&colon;image/png;base64,@{outputs('Get_file_content')?['body']}" alt="My Image" />

And either way I have it set, I see the binary the same.

[ekarim2020 · Accepted solution]

I created a working demo flow. Please try the following steps:

 

Ensure that the email body is in HTML view: 

 

 

This was the email with the image embedded:

This is the run time output:

Ellis
____________________________________
If I have answered your question, please mark the post as Solved.
If you like my response, please give it a Thumbs Up.

 

 

[Anonymous]

Thank you very much for the help.  I'm still having issues, and here's what I have below.

My Compose 4, and Compose 5, look slightly different than yours in the picture, but they have the same content.

Compose 4:

body('Get_file_content_using_path')?['$content-type']

Compose 5:

body('Get_file_content_using_path')?['$content']

You also had a 'Get_file_properties' step above these, but I didn't see it being used, and wasn't sure what that was for.  Is it necessary?

My output looked the same as yours, but not image showing.

As you can see, I am in html input on the send email v2

I tried this same setup with 3 different images, hoping it was something wrong with the image.  No luck.

[mgrachii]

Are you sending this to an Outlook/MS email or to a Gmail account?

Also, have you tried downloading this file that you are getting content of and make sure that the image loads and it's all ok with it? (not corrupted or not able to render a preview?)

[Anonymous]

Gmail account, I can try sending it to an outlook account.

[Anonymous]

Ok, so this appears to work on sending to outlook accounts.  I hadn't thought that this would render differently based on which email provider I was using.  I guess I need to find a method that works for emails outside of outlook.  We have <1% of users using outlook.

[ekarim2020]

For a possible solution, please see:

Embedded Image in Email (an oldy but a goody)

https://powerusers.microsoft.com/t5/Building-Flows/Embedded-Image-in-Email-an-oldy-but-a-goody/m-p/8...

This is from the following post in the Power Apps forum:

Sending emails to Gmail account with embedded images

https://powerusers.microsoft.com/t5/Building-Power-Apps/Sending-emails-to-Gmail-account-with-embedde...

09-07-2021 03:54 AM

As I can find, base64 encoded images are not supported in Gmail (from years ago on).

https://stackoverflow.com/questions/3279523/base64-images-to-gmail

Hope this helps.

Ellis

[mgrachii]

Yikes, yep for Gmail base64 embeded images do not work.

Ekarim posted a possible solution.

If you have a Google drive accunt, you can also save the image there and use that link in the scr attribute instead