cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
New Member

insert picture outlook body message

Hi, everybody

 

I make flow to send e-mail with a picture in its body. Could u please tell me where should I save this image to make it visible for message receives?

I saved it in OneDirve (public acess), but e-mail receiver still doesn't see it in a message

 

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Community Support
Community Support

Hi @SailorGirl,

 

I think here you mean to embed Image into Email Body?

We could take use of the following way to "Embed" the image data into Email Body:

Using the <img> Label in HTML, alos please make sure you have the Is HTML set to Yes in the Send an Email Action:

 

<img src="data&colon;image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
    9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

Or you may try the URL:

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTf8peeAQ8Jbw4lowjdYM9OYVJFJr8EwgGNTsJ6BtbqPdNHWz2m" 
alt="Testing" width="500" height="100">

Reference:

25.PNG

 

The testing result:

26.PNG

 

 

 

For the image from OneDrive, make sure the image is shared to everyone, then copy and paste the image URL with the double quotes of 

scr="URL here "

 

Regards,

Michael

Community Support Team _ Michael Shao
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

51 REPLIES 51
Highlighted
Community Support
Community Support

Hi @SailorGirl,

 

I think here you mean to embed Image into Email Body?

We could take use of the following way to "Embed" the image data into Email Body:

Using the <img> Label in HTML, alos please make sure you have the Is HTML set to Yes in the Send an Email Action:

 

<img src="data&colon;image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
    9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

Or you may try the URL:

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTf8peeAQ8Jbw4lowjdYM9OYVJFJr8EwgGNTsJ6BtbqPdNHWz2m" 
alt="Testing" width="500" height="100">

Reference:

25.PNG

 

The testing result:

26.PNG

 

 

 

For the image from OneDrive, make sure the image is shared to everyone, then copy and paste the image URL with the double quotes of 

scr="URL here "

 

Regards,

Michael

Community Support Team _ Michael Shao
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

Highlighted

thanks a lot))))

Highlighted

hi Team,

 

When i save the image to a site assets sharepoint librray and use the link it does not display the image rather it shows and 'X' in email body.

 

Will it support images stored in sharepoint libaries or do we need to save them outside sharepoint?

 

Thanks,
Sru

Highlighted

 

Hi,

 

saved image in one drive and shared with everyone. image is not displayed in email body. below are the screen prints.

 

 

Capture1.PNGCapture2.PNG

 

Highlighted

@Sru@SailorGirl@v-micsh-msft

Any help on this, i am also getting same output as above.

Highlighted

hi, @abd3127 

 

I followeed abovementioned instructions and solved my problem. The final decision looks like: Capture.PNG

Highlighted

Hi, some tried with a bigger image (like 50KB), i tried it, in the flow the 64basecode it's showing fine in the Body of the email:

CapturaFlujoIncorrecto.PNG

But in the Inbox (where the email arrived) the image it's not shown, and inspecting the code of the email the 64basecode and the src attirbutte were removed:

 

CapturaCorreoIncorrecto.PNG

 

Thanks in advance.

Highlighted

@Jeshagio Yes i also got the same problem while opening the mail in Outlook Desktop App.

Highlighted

hi @abd3127,

 

I saved the images outside Sharepoint and used the link in Email Body and it works fine.

 

Thanks,

Sru

Highlighted

Hi @Sru Thanks for helping. I got it working.

Highlighted
Anonymous
Not applicable


wrote:

hi @abd3127,

 

I saved the images outside Sharepoint and used the link in Email Body and it works fine.

 

Thanks,

Sru


 

Hi everyone...so just to be completely clear on this...we're saying that you CANNOT embed an image into a Microsoft Flow Outlook E-mail message if the image you're trying to embed is hosted on Microsoft SharePoint / OneDrive / SiteAssets ?

 

Literally we are saying that you need to host your images somewhere OTHER than...you know...Microsoft sister environments that presumably are intended to work together? I just don't want it lost how nutty this is if this is where we are...

Highlighted
Anonymous
Not applicable

Hello, I have HTML set to true in the "Send and email notification" "Mail" trigger of my flow. This is not the Outlook action it is the Mail action (sends emails as microsoft@powerapps.com). I just wanted @v-micsh-msft to know that embedded images do not work with this connection type. Do you have a solution for this? or is it not possible?

 

Thanks

Highlighted

Hi @abd3127

 

Do you mind post your working html code here?

 

Where did you save the image? I referenced an internet image, still not working. Do they need to be on your local drive?

 

Cheers

 

 

Highlighted

Hello @Robin_NZ

 

I have used below HTML with the open source image url which works fine for me

 

<div style="position: absolute;left: 46%;top: 65px;" >
           <img src="https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png"  height="75" width="75"/>
        </div>

Thanks

Highlighted
New Member

So I am looking to use a dynamic image URL, Html that'd allow me to embed the user's profile image whom uploaded the file/s into the notifcation email. As the dynamic content button seems only to allow for a link "Save as" currently. Is this possible?

Highlighted

I've spent at least 5 hours today trying to figure this out. Is it still not possible to get a link via sharepoint/onedrive that will work for displaying pictures in the body of an email? Is there some other service someone can recommend where hopefully the link to each image will be the same except the filename? I've built an inventory app for my company in powerapps, and would really like to add this to the email and not as an attachment.

Highlighted
Anonymous
Not applicable

I was able to embed picture by replacing the src=" with src="https:\\mysharepointsite.sharepoint.som\sites\mysite in the body of the email.

 

This allows the embedded images to be seen in Outlook web email but it fails to show in Outlook client application. I am still looking for a solution to this. Our network admin says that because of multifactor authentication Outlook cannot verify the permissions for the source, whereas browsers can do so. Outlook has its "own browser" according to him.

Highlighted
Anonymous
Not applicable

@Anonymous are you running on a windows machine?

 

I was having similar issues where embedded images were showing in the web version of outlook but not the desktop client. Outlook ties its permissions to the Edge microsoft browser, which I had never used before. After logging in to my company's sharepoint site on Edge (essentially showing outlook that it had permission to link to the sharepoint images embedded in the email body) the embedded images started showing in my Outlook desktop client.

 

Worked for me, it could also work for you! Unfortunately, this solution is an individual one, and I don't have a company wide or large scale fix.

Highlighted
Anonymous
Not applicable

Hi @Anonymous, Your solution didnt work for me. I tried on my test machine (all my machines run on Windows 10). I logged in Edge to our company's SharePoint Online Site, but Outlook client is still behaving the same way. Did you change any other settings? Is your sharepoint site a trusted site?

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

Top Kudoed Authors
Users online (4,744)