Use image url from AiTable source to display images

Hello,

I have connected an AiTable database as REST API source and I am trying to get images attached in the database to replace logos in the website, but although I manage to get the images url, they won’t display in the website (https://step2you.divhunt.website/).

Am I doing anything wrong ?

All I can think of is that maybe AiTable has some permissions that might be withholding rendering the image?

Hi, url returned by AiTable is not good, it can’t show image, so you did everything correctly on Divhunt side, but we need direct img file url by AiTable.

Hi,

Thank you for the answer.
I have further investigated, and tested similar approach with Airtable, and this time it works, although the url provided by Airtable also does not look like a direct link ending with .jpg or .png

See link from Airtable here:

I have contacted AiTable support to ask for solution.

Hi @Pakic

Links provided through AiTable are definitely not working, so instead, I have listed urls from a public SharePoint site: I have

Like this, I can retrieve the raw image url using REST API, and get the images

However, weird thing is that the images do not display when I load the page ( Step2you | Je participe à Cap’ten, but they do once I first click on the item which is opening the SharePoint file (each card is clickable to allow users to download the picture).
This means that when a user opens the page first time, no pictures are displayed.

How can I achieve that pictures get displayed right away ?