RE: HOW TO GET HTML TEXT FOR IMAGE

[ZeeScience]

Hello, 

Good morning and I hope this email finds you well. Please can anyone help me with finding how to convert an image to a HTML text so I can then use it in my Power Automate Body for my email as the signature image?

[BCBuizer]

Hi @ZeeScience ,

To convert a single image to Base64 so you can attach it to an email on order to be able to embed it in the email body and quick way is to:

1. Add a temporary screen to a canvas app. 

2. Add an Image control to the screen.

3. Set the OnSelect property of the Image control to:

Copy(
    JSON(
        Self.Image,
        JSONFormat.IncludeBinaryData
    )
)

4. Add the image you wish to convert to the app media via in the Media pane. You can access that by clicking the Media icon:

5. Set the Image property of the Image control to show the image you just added. This can easily be done by drag/dropping the item from the Media pane to the Image control.

6. Select the image control by either previewing the app and clicking the Image control or by pressing the Alt key and clicking the Image control.

7. Paste the Base64 version of you image wherever you need it. When embedding in an email, you need to use it as the 'Attachement Contents' of one of the attachements. Also you need to add a Attachements name and generate a little HTML code to embed the image to the mail body:

8. Delete he temporary screen you created in step 1 and remove the image you added to the app Media in step 4.

[ZeeScience]

Thank you so much. I was able to later figure it out by using a base64 online website.

[BCBuizer]

Hi @ZeeScience ,

Indeed you can use online tools for Base64 conversion as well, but in case you're not comfortable with using those, the above method does the trick as well. 

Furthermore, you can also use parts of this method to make the picture dynamic in case you'd, for example, want to include a picture of the adopted animal in the confirmation email that is a part of the Power Up challenge.