How to display all images from Share point list Attachments in PowerApps HTML Text?

[PHM_]

Hello!
I want to display all images from a list of Sharepoint attachments in an HTML table.
Now I use the data from the attachment gallery and convert the image to Base64, but it doesn't work.
Do you have a way to fix it or suggest another way?
Thank you very much.😁 

[Chris-D]

The problem with this is that html isn't designed to contain the image data, but rather source it from an external file. 

e.g. the HTML IMG tag uses a source file, not source data. 

I've made a demo that works though.

First, here's a gallery of the record's attachments. Set the image to the image value and enable the original dimensions:

You need the URL for the file which is stored in AbsoluteUri:

You can then get the original image dimensions from OriginalWidth and OriginalHeight, but this can only be done within the gallery so create some text boxes to grab the values from:

I've used the OnSelect property of the gallery to select the image as needed:

UpdateContext({ SelectedImage: ThisItem});

Then in my HTML Text control, I've set the width and height based on the values in my text boxes:

And finally added an <img> tag in the HTML text to link to the URL and set the width and height of the image within the control:

Edit:
I couldn't get rid of the scrollbar on the control, even by manually sizing the control to be larger than the <img> tag. I might have a go at this again later but you could just put a rectangle over it to hide it. 

EditEdit:
I managed to get rid of the scrollbar. On the HTML Text control, set padding to 0, size to 0 and in the HTMLText code add -1 to the height on the <img> tag. 

[ANB]

Hi @PHM_ , Is it a specific require that you have to use HTML control?

Is it possible to have the images store in SP list in Image column with data type Image?

And then simply using the image control in the PowerApps within gallery you can show the image.

------------------------------------------------------------------------------------------------------------------------------

I hope this helps.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs up.

Thanks,
ANB

[PHM_]

Hi @Chris-D 
Thank you for your reply.
I've used ThisItem.AbsoluteUri. But the images do not appear when I test the system or exit and re-enter the app. Do you know the reason for this?

[PHM_]

HI @ANB ,Thank you for your reply.
Yes, I need to use an HTML control and my app has more than one image input, so I store the image file as an attachments.

[Chris-D]

If you're using the object from the SP attachment list, it will have an AbsoluteURI. Try putting this into a text label to see the value? It should give you the URL to the image.