image control not updating frequently with a share point link

[monikaprakash_1]

Hi

I  want to display user profile photo in my app. I saved my photo in SharePoint. And added the share point link in my imageControl.image. And user can updated the image also.. But after updating the image, the image control is not replacing the old image with new image. After refreshing the page, image is displaying correctly. I want to display the image at the time of updation.

I am using flow for saving image

Attaching my code

code in image control. image

If(!wait,
uplodedImage
)

My upload button

Set(
wait,
true
);
Set(
uplodedImage,
"https://*******/test/" &UserId & "/" & UserName & "_" & UserId
);
Set(
wait,
false
);

How can I refresh my imagecontrol ?

How can I solve this

[Ewtm]

Hi,

Maybe you can refresh the datasource to update the image in PowerApps? 

Refresh(datasource)

If the image updates are frequent you can also add the refresh function to a Timer.

[monikaprakash_1]

I checked with refresh and timer also.. but both are not working.

I am saving my image in SharePoint.. The SharePoint image link is always same but image control is not updating with the latest image.. it always showing the old image. after refresh the application it showing the latest image.

[Ewtm]

I don't think it is possible to refresh the browser window (application) from within powerapps.

Have you tried saving the newly uploaded photo with a new name (and so changing the url)? So that powerapps is not able to use the photo in the buffer. I think when the name of the image changes, powerapps will always reload the image.

[monikaprakash_1]

No its not updating in image. I created new link but not updating

[MsPowerUser]

Hi 

I was facing the same issue. I find a working solution, and it's easy to adopt.  
Where you would like to display the image within the app and use the variable/link/ etc then concatenate the link with  &"?refresh="&RandBetween(1;1000000) 

Example:
ThisItem.Link&"?refresh="&RandBetween(1;1000000)

I hope I can help. 🙂 

[akl1]

Can you explain this for a beginner? I have an Image Control set to varPN.Image1.Small where varPN is an item selected in an earlier gallery. I want to update the image after a patch, but don't know how to work with the URL like you suggest.

[akl1]

I came up with a workaround that may not work for all use cases, but I thought I'd share for what it's worth:

Context: In our app, the user selects a Sharepoint list item (varPN) from a gallery on (we'll call it) Screen A. Each item in the list has 10 image columns. On Screen B, they see item detail & a button to navigate to Screen C where they can upload images. Screen C consists mainly of a text input control for image description entry and ten separate add picture controls, each patching to a different column of the list. I have hidden the uploaded image part of the control & replaced with an image control set to varPN.Image1.Small, varPN.Image2.Small, etc. because I want users to be clear whether or not the image uploaded on this screen (rather than seeing an image that is selected but might not make it to the Sharepoint). And so I was hitting the wall with getting the Image controls to update after an upload.

My workaround:
The OnSelect for each Add Media button will send the image & description to the SharePoint list via Patch, sets global variable varRefresh to true & navigates back to Screen A.

On Screen A, the visibility of the gallery, buttons, etc. is set to false when varRefresh is true, while a loading page with 2 second timer has visibility (and for the timer, autostart) set to true when varRefresh is true. (This idea came from watching Ryan Logan's video here.)

When the timer ends, varPN is set to Gallery1.Selected and the user is navigated back through the original path of Screen A gallery>Screen B item detail (also set to invisible with 2 sec loading page set to visible)>Screen C uploading page, and the image control is updated.

Whew! But it works!