Save image captured from camera in SharePoint list and display back in PowerApps gallery

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hi,

I have an app that have 2 option.

1st screen: Have camera control to save the captured image in SharePoint list

2nd screen: Have add picture control and also save the selected picture in SharePoint list the same column.

The scenario likely the same like facebook/instagram post where we can choose to post our picture directly from camera or from our phone gallery.

I have a problem to save both image (from camera&phone gallery) in SharePoint list and display them back in PowerApps gallery.

I tried to find the solutions online but mostly they save the image in document library not in SharePoint list.

Is there any solution/suggestion?

Hope anyone can help. Thanks.

Categories:

Building Power Apps

I have the same question (0)

All responses (6)

Answers (1)

Sort by

Verified answer

v-yutliu-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @Anonymous ,

Do you want to use camera or add picture to upload images to sharepoint list and then display in powerapps?

The point is:

Image uploaded in powerapps will only be binary, not image file. So to save a file to sharepoint, you need to use flow.

Picture column is read-only in powerapps. You could only update hyperlink column in powerapps.

So the solution is:

create a flow: save images from powerapps to sharepoint library as image file, update sharepoint list by using this image file's link in library

in powerapps: use camera and addpicture control to upload images and then call the flow

I've answered very detailed about how to create this kind of flow in these two issues, you could refer:

https://powerusers.microsoft.com/t5/Building-Power-Apps/Pen-input-save-as-a-image-in-a-sharepoint-list/td-p/611114

https://powerusers.microsoft.com/t5/Building-Power-Apps/Show-an-Image-in-a-form/td-p/606556

You are welcome to post your question here, if you still have any confusion.

Best regards,

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @v-yutliu-msft

Thank you for helping me!

create a flow: save images from powerapps to sharepoint library as image file, update sharepoint list by using this image file's link in library

I have created a flow to save images to SharePoint library follow your instruction. May question now, does the update SharePoint list flow is on the same flow or different flow? How i am supposed to do this?

refer to below picture, i have tried to follow your instruction. But i am confuse now what to put beside the "stuff" as the initialize variable value.

Need your advise for this.

Thank you

Was this reply helpful? Yes No
v-yutliu-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @Anonymous ,

1)this flow is used to upload image to sharepoint library and return image's link to powerapps.

Then you need to update your sharepoint list by using the returned link in your powerapps.

2)there's only one parameter in the flow (the initialize variable value).

In the Initialize variable action, you need to choose "ask in powerapps".

In the Parse JSON action, you need to choose JsonInput. (the variable that you create by using Initialize variable action).

So there's only one parameter in the flow (the initialize variable value), you do not need to add a parse_json content variable.

The formula to call flow should be:

Set(link,'Copyof-pic7'.Run(stuff) //stuff represent the initialize variable value

3)After you set link variable successfully , you could get the image link by using this formula:

link.response

You could use form or patch to update hyperlink column in your sharepoint list.

Patch function should be like:

Patch(...,....,{hyperlinkcolumnname:link.response}) //please fill in ... part and hyperlinkcolumnname

Best regards,

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @v-yutliu-msft ,

Thank you for the explanation. Now i almost get it.

I found out that, after i saved my flow, exit and open back the flow in edit mode, the expression for "File Content" is auto update to"Pic". Can refer the image below. Any ideas why does this happened?

auto update to this:

Was this reply helpful? Yes No
v-yutliu-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Anonymous ,

Yes, this works correctly.

The reason why File Content" is auto update to "Pic" is because of the schema that you set in the parse json action.

My flow looks like this:

Best regards,

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @v-yutliu-msft

Thank you so much for your time and help.

It's works successfully!

Was this reply helpful? Yes No