Flow- Html to Pdf conversion images disappear just show an X

[MaryMM]

I am a beginner in power automate. I am trying to build a pdf from html. Html step works well, I can see all my details and images as I want them. After conversion to pdf (Onedrive for business) images disappear. I get below. Please someone point me in the direction of resolving this.

[Matthy79 · Accepted solution]

How do you embed the images? Does the connector have access to the images? Have you tried to embed it using base64?

<img src="data&colon;image/png;base64,base64Content" />

[MaryMM]

Hi @Matthy79,

I am extracting images from sharepoint list like this.

[Matthy79]

You didn’t provide how you insert the image to your html. From the flow image you provided it could be inside the compose action.

[MaryMM]

@Matthy79  Like this

[Matthy79]

That is what I guessed. Try to convert it to base64 like in the first post suggested.

I don’t have a laptop right now but there is an expression you can use for that. I think it is „datauri“

[MaryMM]

@Matthy79  I have modified like so and the images disappeared in html too.

[Matthy79]

Hello @MaryMM ,

You shouldn’t write it by yourself. The expression „datauri“ does that for you.

Use it wit the content you get from „get file content“.

[MaryMM]

Hi @Matthy79  thanks for helping, you have been very kind. Now I have images in pdf. One more question what happens if it finds a mix of images eg some are jpg others png others jpeg? Does that create an issue?

[Matthy79]

Hi @MaryMM, that shouldn’t create an issue. As long as you don’t write it hardcoded, datauri should take care of it. If you want to write it by yourself, you will have to check the filetype first, but why would you.