Showing results for 
Search instead for 
Did you mean: 
Advocate II
Advocate II

Collection (with Camera Images) to appear in HTML (which is then converted to PDF)

Hello PowerApps Community!

Working on building my first PowerApp (I’m a non-programmer). I’ve hit a wall and am hoping to get some guidance…


My collection: I’ve got a collection that includes images I’ve taken inside PowerApps (with the camera feature).



My goal is to get my collection data (including photos) to appear in an .HTML (that will then be converted in Flow to a PDF - NOTE: I've got that part ok).


My progress: I used Shane Young’s awesome solution (25 minutes, 17 seconds) – and poof – I have everything I need except the photos.




My issue: I can’t get the collection camera photos to into appear…(I know they need to converted – but I'm not sure how to best do this).


For my situation:

  • The easier the code, the better (I'm not a programmer)
  • I'd prefer not to use a ton of flows to do this (e.g. one per photo), but ok if that's the only solution.
  • I can’t use a custom connector (already used my 1)
  • I can (and wouldn’t mind using) sending the photos to Azure Blob temporarily (already have an account and do this for the pen and ink signature))
  • I’m guessing I’ll need to be using the ForAll function somewhere – and if we don’t use Azure Blob, will probably want to use flow to convert to dataUriToBinary as described here - (18:18). Maybe I will need to use First or FirstN?

Anyways…Any guidance would be much appreciated.


I really appreciate the training and guidance put out by superusers – and appreciate this community. Here’s a few links that could be potential solutions.


Here’s my code:

"<!DOCTYPE html>




<h2>Additional Information and Data</h2>

<table style='width:100%'>






& Concat(CameraPhotos2, "<tr><td>" & Name & "</td><td>" & Detailss & "</td><td>" & Tab & "</td></tr>")








Accepted Solutions

For those who are still working on generating a signature with Flow and Powerapps I created a video that should help.

View solution in original post

Advocate II
Advocate II

Quick follow up:

I tried hacking it a little - and added this when I collect the image: Collect(CameraPhotos2,{Base64: Concatenate("<img src=""",ImageTaken,"""/>")
Basically my thought was to make the really long base64 random numbers into a hyperlink that can be used.
The results were meh - sometimes it would show one photo, sometimes two, sometimes none.
Anybody out there successfully gotten images from a collection into the HTML table?
Thanks again,
Frequent Visitor

@Specoop I have a need for this as well. Had any luck getting it to work?

Unfortunately not yet
Not applicable

Bumping to see if the community can assist 



Thank you!
Not applicable

I think i am getting close. Not sure what i am doing wrong as well. Any ideas?



Site Image html.PNGSite Images Debug.PNG

Getting pictures in a PDF would still really enhance my app - hope someone can crack the code!

Did you ever get this to work? I am using the peninput but if you convert it to base64 you can then store it as a multiline text field in sharepoint and use html text to convert the pdf. Granted I'm not using regular images I need images from the peninput but I assume the principle should be the same.

Hey todurant!

Thanks for replying!


I was able to implement this:


Which allowed me get signature into my pdf using Blob. It really works great.


But haven't been able to figure out what I need to do for photos (I'm a very basic/beginner coder).

Helpful resources

UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Power Apps Community Call Jan. 2022 768x460.png

Power Apps Community Call

Please join us on Wednesday, January 19th, at 8a PDT. Come and learn from our amazing speakers!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Top Solution Authors
Top Kudoed Authors
Users online (1,743)