[SOLVED]How to show multiple images all at once in respective to storage image id stored in database
- 0
- Databases
- Storage
How can i show all the images that I have stored in Storage bucket -> id linked to the database table?
How to show multiple images all at once in respective to storage image id stored in database?
You mean, you have an list of IDs of images, and you want to display all of them?
I have list of products where i have image id as an attribute to store the image id. Now i need to show all the products along with the respective images getting from storage bucket
For the products you'll probably use the listDocuments
function run a loop all over them.
As for each image are you using cloud or self hosted? If you're using the cloud then you can use a URL like this https://cloud.appwrite.io/v1/storage/buckets/B_ID/files/F_ID/preview?project=P_ID
When:
B_ID
= Bucket ID
F_ID
= File ID
P_ID
= Project ID
Inside an image src attribute
<img src="https://cloud.appwrite.io/v1/storage/buckets/B_ID/files/F_ID/preview?project=P_ID" >
If you're using a self hosted just replace cloud.appwrite.io
with your Appwrite endpoint.
Is this make sense?
Thank you so much <:appwriterocket:823996226894692403>
[SOLVED]How to show multiple images all at once in respective to storage image id stored in database
Recommended threads
- Seed db
hello there... is this correct way to seed appwrite
- Query Appwrite
Hello, I have a question regarding Queries in Appwrite. If I have a string "YYYY-MM", how can I query the $createdAt column to match this filter?
- Type Mismatch in AppwriteException
There is a discrepancy in the TypeScript type definitions for AppwriteException. The response property is defined as a string in the type definitions, but in pr...