Answered

Add inspection images to report

(0) Share

Report

Posted on by Elly-Farokhi

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:

Step 2: create HTML in power app

Here is the flow making the HTML

Here is where I am adding the image:

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

Many Thanks for your help in advance

Categories:

Power Apps Pro Dev & ISV

All responses (4)

Answers (1)

Sort by

v-bofeng-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

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:

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 22 on at

Like
a
(0)

Report
Copy link

Link copied!

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']};
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.

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

v-bofeng-msft Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!
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:

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 22 on at

Like
a
(0)

Report
Copy link

Link copied!

Thank you for the help Bof 🙂