Answered

Unable to display Onedrive/google drive image in Canvas App

Like (0) Share

Report

Posted on 6 May 2021 12:08:06 by Community Power Pla...

I wish to know that how can I display images within a shared google drive/one drive link into a Canvas app gallery. It seems that Image control doesn't like the URLs from google drive or one drive.

for e.g. this link: https://1drv.ms/u/s!AivSoBoEptbwkss5S1xfbGVnAvqzfg

& this one: https://drive.google.com/file/d/1YB5Y0Rr3jpP1SqX7SIfBybHtqcwdGyVO/view?usp=sharing

When I set these links on the Image property of an image control, it just shows nothing:

If I set some other public URL, it works fine.

All the articles that I have read so far, only point to using Sharepoint or Onedrive for business (Also Sharepoint..and a very poor name to call it onedrive by microsoft). Can anyone please help.

All responses (5)

Answers (1)

Verified answer

Community Power Pla... on 10 May 2021 at 07:24:39

Like (0)

Report

Re: Unable to display Onedrive/google drive image in Canvas App

ok, I found out the solution..at least to show the images from google drive:
The URL from google drive must be of the form:
1. https://drive.google.com/uc?id=ID
The ID is the unique ID for each file generated by Google drive, you can get it by the flow and also by manually clicking the share file

2. Also the link must be available for access to anyone without any restriction.

When conditions 1&2 are met the google drive images can be successfully displayed in the gallery.
Community Power Pla... on 07 May 2021 at 10:28:58

Like (0)

Report

Re: Unable to display Onedrive/google drive image in Canvas App

@zmorekyour recommendation unfortunately doesn't address the business problem that I have. I don't want to take images and show them immediately afterwards.. that's a bit meaningless. Let's say I am a building inspector, upon each visit to a building, I take some photos that are related to this building. These are then stored in onedrive.

Next time, I open the building details, I want to see the past photos attached to this building. It's very simple scenario but powerapp Image (also in gallery) control seems to be broken to handle this.
zmorek 3,272 on 06 May 2021 at 22:10:07

Like (0)

Report

Re: Unable to display Onedrive/google drive image in Canvas App

You could consider uploading the images directly in the app and then collecting them, then using the collection to display the images.
Community Power Pla... on 06 May 2021 at 19:25:00

Like (0)

Report

Re: Unable to display Onedrive/google drive image in Canvas App

@MatthewInwardsThanks for the reply.

Well these images are publicly accessible, as you can click the links that I provided and check for yourself. The images that I am going to store are for my personal use and taken by me. I don't want to use Sharepoint..since the images are taken by me and would rather be visible in Onedrive.

I find it stunning that Powerapp fails to perform this native integration 😞
MatthewInwards 138 on 06 May 2021 at 16:17:15

Like (0)

Report

Re: Unable to display Onedrive/google drive image in Canvas App

In order to access the image, powerapps will require it to be in a publicly accessible place. Or in somewhere like sharepoint where the current user has access to it. Personally, I would recommend either storing them on a web server, or you can store them in google drive and update the permissions on where they are stored to be public.

Just a word of warning, if these images are covered under any legislation such as GDPR etc, then you cannot have them somewhere that is accessible to the public. If they are requiring a secure storage location then I would recommend using a SharePoint photo library that is shared with all users of the app.