web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Add inspection images ...
Power Apps
Unanswered

Add inspection images to report

(0) ShareShare
ReportReport
Posted on by 22

Hello, 

 

I created the inspection application that collect images based for each section and I need to add this images to the PDF report file. 

I tried many ways and I couldn't bring the images to PDF, can you help me with that please? 

 

My technique is I collect data from power app in Sharepoint library and here is some screenshot from what I have so far.

 

Step 1 :collect image in the power app: 

photos.PNG

Step 2: create HTML in power app

html.PNG

 

 

Here is the flow making the HTML

flow_part_1.PNG

 

Here is where I am adding the image: 

 

flow_part_2.PNG

 

Here is the format I like to have the images in PDF file. 

pdf.PNG

 

Many Thanks for your help in advance 

I have the same question (0)
  • v-bofeng-msft Profile Picture
    on at

    Hi @Elly-Farokhi :

    File content cannot be directly referenced in HTML code (because it is an object type value).

    I suggest you get the base 64 format file first, and then use <img> tag to achieve your needs. I've made a test for your reference:

    vbofengmsft_0-1627896128813.png

    The image tag should be some thing like this:

     

    <img src=data:@{outputs('Get_file_content')?['body']['$content-type']};base64,@{outputs('Get_file_content')?['body']['$content']}>

     

    I think this link will help you a lot:

    How to Display Base64 Images in HTML 

    Best Regards,

    Bof

     

  • Elly-Farokhi Profile Picture
    22 on at

    Hello Bof, 

     

    Thank you for the quick response, 

     

    can you show me the part you get file content. I am calling the images from sharepoint library.

    because I cannot see the:@{outputs('Get_file_content')?['body']['$content-type']};

    EllyFarokhi_0-1627902271981.png

    Then the part you create the file I am composing the HTML file where I like to add the correct image per report in this part: 

    <td style='width: 213.641px; height: 198px; background-color: white; border-style: solid; border-color: white;'>
    PHOTO2</td>

     

    Then I have create file from the output of my previous step and I convert file and save it.

    EllyFarokhi_1-1627902600322.png

     

    My other challenge is I need to show only the images that captured in on visit all together. 

     

     

  • Verified answer
    v-bofeng-msft Profile Picture
    on at

    Hi @Elly-Farokhi :
    Q1: Because I cannot see the:outputs('Get_file_content')?['body']['$content-type']

    A:It will not appear in the dynamic content tag, you have to enter it manually in expression tag:

    vbofengmsft_0-1627952922715.png

    Q2:Then the part you create the file I am composing the HTML file where I like to add the correct image per report in this part: 

    A:You could just insert it where you want to insert

    <img src=data:@{outputs('Get_file_content')?['body']['$content-type']};base64,@{outputs('Get_file_content')?['body']['$content']}>

    Best Regards,

    Bof

  • Elly-Farokhi Profile Picture
    22 on at

    Thank you for the help Bof 🙂

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 774 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 335 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 248

Last 30 days Overall leaderboard