The evaluation of the image data takes place via URLs from your data source. You can, for example, add a link to the employee's profile picture (available online) and then display this picture directly in the detail view of your list.
In the example source file, column R contains the web links to the respective image files of the employee. During app creation, this column is defined as an "image" so that the image is displayed directly and not just a link to the file is visible.
Where can I host my pictures?
You have many possiblities to host your image files. It is only important that the images are publicly available and that the link leads directly to the image file. In the best case, a download of the file would also be initiated directly when you open the link in your browser.
For example, you can host your pictures with Dropbox and share them with people outside Dropbox. Create a shared link so the app can access your file via the link. To open the file, no Dropbox account is needed. ("Shared links: Give users read-only access to your files")
The created link looks like this, but has to be adjusted:
You now have to force the file to be downloaded directly instead of just being displayed. You can do this by using
dl=1 as the query parameter in your URL. Example:
Use "Get link", then use "People with existing access" to get the direct link to the file.
Then, the url will be direct path to https://org.sharepoint.com/personal/user_org/folder/filename.ext?d=oiuqjaweorihjlkj
Now, just remove everything after the ? and put in download=1 and magic happens.
Depending on your Url you might have to use ?download=1 but this won’t work for every single file type either think only office files.
We currently do not know how to generate a direct link to the image file. If you know, leave us a comment :)
Simply create a share link to the image and you're good to go. The link looks like this: