Unanswered

Problem with base64 encoding of image using Get file content

(0) Share

Report

Posted on by Ranjeet_7396

Hi Experts,

I have designed a flow for sending out Birthday emails to Employees. But I'm stuck on a very silly problem. I have used an image from the Sharepoint folder using Get file content. I have also used base64 encodings to convert it in my email body as you can see:

screencapture-us-flow-microsoft-manage-environments-Default-e0793d39-0939-496d-b129-198edd916feb-flows-35c98abd-27a5-4cd2-9aeb-f4793dfcb943-2021-09-26-17_24_09.png

But unfortunately, it just doesn't fetch the image at all and I don't see the email in the correct format as you can see below.

The difference I notice is here from what I learned on Youtube videos and what I actually see. What is the cause for this? I don't see the purple logos for output but instead, see these Abc things?

Any help is highly appreciated, please. Thanks

Ranjeet

Categories:

Building flows

I have the same question (0)

All responses (11)

Answers (1)

eric-cheng 5,171 on at

Like (0)

Report

Hi @Ranjeet_7396 ,

Theres a few blogs here and here available where you can check if our expression is the same.

Image isnt clear on my mobile but have you closed off the image tag with /> ?

--------------------------------------------------------------------------
If I have answered your question, please mark my post as a solution
If you have found my response helpful, please give it a thumbs up

Connect on LinkedIn

Was this reply helpful? Yes No
Ellis Karim 11,681 Super User 2025 Season 2 on at

Like (0)

Report

Try switching to HTML code view (click </>) then enter the IMG tag:
Ellis

Was this reply helpful? Yes No
Ranjeet_7396 16 on at

Like (0)

Report

Hi,

Please help guide the image tag:

Am I doing anything wrong, why those outputs are not coming properly for selection?

Regards,
Ranjeet

Was this reply helpful? Yes No
Ranjeet_7396 16 on at

Like (0)

Report

Hi Eric,

Thanks, yeah I did close the image tag now and the result is the same. I think I am going wrong in the Output selection, as you can see the list does not have the usual violet-colored output icons but instead those options look different as you can see in my screenshots.

Any reasons for those looking different pls?

Ranjeet

Was this reply helpful? Yes No
eric-cheng 5,171 on at

Like (0)

Report

Hi @Ranjeet_7396 ,

I have just done a test and it is working. I suggest copying your email body out and starting with just the image and then gradually adding the text back in.

Compose Action
@base64(outputs('Get_file_content')?['body'])

Email Body (paste this in to the code view of body)
<img src="data&colon;image/jpg;base64, @{outputs('Compose')}" />

--------------------------------------------------------------------------
If I have answered your question, please mark my post as a solution
If you have found my response helpful, please give it a thumbs up

Connect on LinkedIn

Was this reply helpful? Yes No
Ranjeet_7396 16 on at

Like (0)

Report

Hi @eric-cheng!

Thanks, we are close!! I tried the above and the result is better than before:

Before:

Now:

I only changed Compose to Compose 2 in your expression since that's where I am fetching the image from. Is that correct?
But it looks odd and the Flow doesn't run with Compose 2 in place:

With Compose in Place:

With Compose 2 in Place:

Anything else wrong, or why is the image not loading? Its from the Sharepoint and there is no issues with the image.

Thanks for your great help again.

Ranjeet

Was this reply helpful? Yes No
Ellis Karim 11,681 Super User 2025 Season 2 on at

Like (2)

Report

Please check the syntax of the img tag with that @eric-cheng provided. Once entered is should look like the text boxed in green:

Ellis

Was this reply helpful? Yes No
Ranjeet_7396 16 on at

Like (0)

Report

Hi @ekarim2020 ! 🙂

Thanks for pointing out the correction. I did change and try now, but still the results aren't much different. I think there is something wrong with Compose 2 operation from where I am fetching the image?

I see it as below now when I try to save it:

Here is what the Compose 2 operation has within:

Thanks,
Ranjeet

Was this reply helpful? Yes No
Ellis Karim 11,681 Super User 2025 Season 2 on at

Like (0)

Report

I'm expecting Outputs in the img tag link to look like this:
If the img tag is correct, then suspect that the image is already in base64 format?? As a test, remove the base64() function from the compose action, leaving only:
Ellis

Was this reply helpful? Yes No
Ranjeet_7396 16 on at

Like (0)

Report

Hi @ekarim2020 Good Morning

I did so.

Any change in the Email body as well then? Inside the image tag, please? Sorry, I am not from a coding background, just trying my hands on and thus the basic questions.

Thanks in advance.
Ranjeet

Was this reply helpful? Yes No