Displaying Images in Show

I have an app which I am looking to show a image which fpeople can commnet on. I have used Show, however the image is in my google drive. I have read several articles and watched videos, but it still doesnt work.

The instruction videos/content dont seem to show the address that Google give with a shareable link and the corresponding image ID

So I the popped over to these sites to see if I could give my image a url, but that didnt seem to work either.

3X_b_5_b5875d4c0f96d7464b5eb5d11a79b7b94d51983e.jpeg

but still just showing me the classic 3X_f_c_fcc360b0f7103b442a634fc252d5634da19ca1db.png

Please help.

0 3 382
  • UX
3 REPLIES 3

Plrease explore below

The description assumes, you wish to show image stored in Google drive in Show type column with image category.

  1. Select โ€œGet Shareable linkโ€ option by right clicking on the image in Google drive
    You will get a URL something like below

https://drive.google.com/file/d/1T6TEST0f3lFJFj4ljKDnq5lffmKjGbbaA94z/view?usp=sharing

  1. Please copy the highlighted part in the above URL , meaning the part after d/ and before /view?
    So in the above example the part to be copied is 1T6TEST0f3lFJFj4ljK&Dnq5lffmKjGbbaA94z

  2. Paste this copied part in the URL below as shown

https://drive.google.com/uc?export=view&id=1T6TEST0f3lFJFj4ljK&Dnq5lffmKjGbbaA94z

So basically you need to paste the copied part in step 2 after &id= in the URL in step 3

  1. For every image file the part https://drive.google.com/uc?export=view&id= remains constant and the part after &id= , you need to get for every image file stored in Google drive that you wish to display as described in step 1 and 2 above

  2. In the AppSheet editor , in Show type, image category columnโ€™ s Content property of the column settings , please paste the URL created in step 3 above in double quotes such as below
    โ€œhttps://drive.google.com/uc?export=view&id=1T6TEST0f3lFJFj4ljK&Dnq5lffmKjGbbaA94zโ€

I have purposely added some characters in the 1T6TEST0f3lFJFj4ljK&Dnq5lffmKjGbbaA94z part in this example so that it does not point to any real image

This is explained under โ€œGoogle Driveโ€ in the article below as well

Hope this helps.

Hi Suvrutt_Gurjar,

Thanks for this very detailed description.
However, I have tried it with several images and that still does not work.
Is there something else to know? or another workaround?

Thanks!

Found it! : when getting the shareable link, I had to set that all users with the link can see the image. It was limited to my company.

Top Labels in this Space