cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
SailorGirl
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
v-micsh-msft
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

53 REPLIES 53
v-micsh-msft
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.

thanks a lot))))

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

 

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

 

@Sru@SailorGirl@v-micsh-msft

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

hi, @abd3127 

 

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

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.

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

hi @abd3127,

 

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

 

Thanks,

Sru

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

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...

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

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

 

 

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

Dan_Carline
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?

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.

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.

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.

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

Celebrating the May Super User of the Month: Laurens Martens

  @LaurensM  is an exceptional contributor to the Power Platform Community. Super Users like Laurens inspire others through their example, encouragement, and active participation. We are excited to celebrated Laurens as our Super User of the Month for May 2024.   Consistent Engagement:  He consistently engages with the community by answering forum questions, sharing insights, and providing solutions. Laurens dedication helps other users find answers and overcome challenges.   Community Expertise: As a Super User, Laurens plays a crucial role in maintaining a knowledge sharing environment. Always ensuring a positive experience for everyone.   Leadership: He shares valuable insights on community growth, engagement, and future trends. Their contributions help shape the Power Platform Community.   Congratulations, Laurens Martens, for your outstanding work! Keep inspiring others and making a difference in the community!   Keep up the fantastic work!        

Check out the Copilot Studio Cookbook today!

We are excited to announce our new Copilot Cookbook Gallery in the Copilot Studio Community. We can't wait for you to share your expertise and your experience!    Join us for an amazing opportunity where you'll be one of the first to contribute to the Copilot Cookbook—your ultimate guide to mastering Microsoft Copilot. Whether you're seeking inspiration or grappling with a challenge while crafting apps, you probably already know that Copilot Cookbook is your reliable assistant, offering a wealth of tips and tricks at your fingertips--and we want you to add your expertise. What can you "cook" up?   Click this link to get started: https://aka.ms/CS_Copilot_Cookbook_Gallery   Don't miss out on this exclusive opportunity to be one of the first in the Community to share your app creation journey with Copilot. We'll be announcing a Cookbook Challenge very soon and want to make sure you one of the first "cooks" in the kitchen.   Don't miss your moment--start submitting in the Copilot Cookbook Gallery today!     Thank you,  Engagement Team

Announcing Power Apps Copilot Cookbook Gallery

We are excited to share that the all-new Copilot Cookbook Gallery for Power Apps is now available in the Power Apps Community, full of tips and tricks on how to best use Microsoft Copilot as you develop and create in Power Apps. The new Copilot Cookbook is your go-to resource when you need inspiration--or when you're stuck--and aren't sure how to best partner with Copilot while creating apps.   Whether you're looking for the best prompts or just want to know about responsible AI use, visit Copilot Cookbook for regular updates you can rely on--while also serving up some of your greatest tips and tricks for the Community. Check Out the new Copilot Cookbook for Power Apps today: Copilot Cookbook - Power Platform Community.  We can't wait to see what you "cook" up!    

Welcome to the Power Automate Community

You are now a part of a fast-growing vibrant group of peers and industry experts who are here to network, share knowledge, and even have a little fun.   Now that you are a member, you can enjoy the following resources:   Welcome to the Community   News & Announcements: The is your place to get all the latest news around community events and announcements. This is where we share with the community what is going on and how to participate.  Be sure to subscribe to this board and not miss an announcement.   Get Help with Power Automate Forums: If you're looking for support with any part of Power Automate, our forums are the place to go. From General Power Automate forums to Using Connectors, Building Flows and Using Flows.  You will find thousands of technical professionals, and Super Users with years of experience who are ready and eager to answer your questions. You now have the ability to post, reply and give "kudos" on the Power Automate community forums. Make sure you conduct a quick search before creating a new post because your question may have already been asked and answered. Galleries: The galleries are full of content and can assist you with information on creating a flow in our Webinars and Video Gallery, and the ability to share the flows you have created in the Power Automate Cookbook.  Stay connected with the Community Connections & How-To Videos from the Microsoft Community Team. Check out the awesome content being shared there today.   Power Automate Community Blog: Over the years, more than 700 Power Automate Community Blog articles have been written and published by our thriving community. Our community members have learned some excellent tips and have keen insights on the future of process automation. In the Power Automate Community Blog, you can read the latest Power Automate-related posts from our community blog authors around the world. Let us know if you'd like to become an author and contribute your own writing — everything Power Automate-related is welcome.   Community Support: Check out and learn more about Using the Community for tips & tricks. Let us know in the Community Feedback  board if you have any questions or comments about your community experience. Again, we are so excited to welcome you to the Microsoft Power Automate community family. Whether you are brand new to the world of process automation or you are a seasoned Power Automate veteran - our goal is to shape the community to be your 'go to' for support, networking, education, inspiration and encouragement as we enjoy this adventure together.     Power Automate Community Team

Hear what's next for the Power Up Program

Hear from Principal Program Manager, Dimpi Gandhi, to discover the latest enhancements to the Microsoft #PowerUpProgram, including a new accelerated video-based curriculum crafted with the expertise of Microsoft MVPs, Rory Neary and Charlie Phipps-Bennett. If you’d like to hear what’s coming next, click the link below to sign up today! https://aka.ms/PowerUp  

Tuesday Tip | How to Report Spam in Our Community

It's time for another TUESDAY TIPS, your weekly connection with the most insightful tips and tricks that empower both newcomers and veterans in the Power Platform Community! Every Tuesday, we bring you a curated selection of the finest advice, distilled from the resources and tools in the Community. Whether you’re a seasoned member or just getting started, Tuesday Tips are the perfect compass guiding you across the dynamic landscape of the Power Platform Community.   As our community family expands each week, we revisit our essential tools, tips, and tricks to ensure you’re well-versed in the community’s pulse. Keep an eye on the News & Announcements for your weekly Tuesday Tips—you never know what you may learn!   Today's Tip: How to Report Spam in Our Community We strive to maintain a professional and helpful community, and part of that effort involves keeping our platform free of spam. If you encounter a post that you believe is spam, please follow these steps to report it: Locate the Post: Find the post in question within the community.Kebab Menu: Click on the "Kebab" menu | 3 Dots, on the top right of the post.Report Inappropriate Content: Select "Report Inappropriate Content" from the menu.Submit Report: Fill out any necessary details on the form and submit your report.   Our community team will review the report and take appropriate action to ensure our community remains a valuable resource for everyone.   Thank you for helping us keep the community clean and useful!

Users online (3,483)