cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Tem1603212212
New Member

Unable to display Onedrive/google drive image in Canvas App

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:

Tem1603212212_0-1620302653987.png

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

 

Tem1603212212_1-1620302728901.png

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.

1 ACCEPTED SOLUTION

Accepted Solutions
Tem1603212212
New Member

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.

View solution in original post

5 REPLIES 5
MatthewInwards
Resolver II
Resolver II

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.

Tem1603212212
New Member

@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 😞

zmorek
Super User
Super User

You could consider uploading the images directly in the app and then collecting them, then using the collection to display the images.

Tem1603212212
New Member

@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.

 

Tem1603212212_0-1620383520835.png

 

 

Tem1603212212
New Member

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.

Helpful resources

Announcements
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Top Solution Authors
Top Kudoed Authors
Users online (3,609)