How to Display File in Web?

I'm trying to use Appwrite's Storage to store images and display them in my app, however when I use the getFileView, getFileDownload or getFilePreview methods the client throws a ERR_BLOCKED_BY_ORB.

I can access the file as an admin here: https://fra.cloud.appwrite.io/v1/storage/buckets/69b2d73500215daa4d65/files/69b2e559002dfb8caa8b/view?project=skincare-buddy&mode=admin

But if I remove the mode=admin it doesn't work. How do I make files publicly accessible? Or at least accessible to the logged-in user?

I'm using Next.js, so the session is stored as a cookie and then populated back into the Appwrite client with client.setSession() so I'm not sure if that migh tbe related.

TL;DR

To display files in a web app using Appwrite's Storage, you can set the file's permission to `Permission.read(Role.any())`. If you're getting an `ERR_BLOCKED_BY_ORB` error, ensure the file is publicly accessible. For logged-in users, you may need to manually pass the session to the URL. Make sure the session is properly stored as a cookie and populated back into the Appwrite client using `client.setSession()`.

I've been sort of able to solve it by giving the file the Permission.read(Role.any()) but that's not really ideal and it would be better if there's a way to manually pass the session to the URL.

Reply to this thread by joining our Discord

Reply on Discord

Need support?

Join our Discord

Get community support by joining our Discord server.

Join Discord

Get premium support

Join Appwrite Pro and get email support from our team.

Learn more

Recommended threads

Need support?

Join our Discord

Get premium support