Skip to content
Start building
Back

How to Display File in Web?

  • 0
  • Web
  • Cloud
View on Discord
Dan6erbond
12 Mar, 2026, 16:40

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()`.
Dan6erbond
12 Mar, 2026, 16:57

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

Reply to this thread by joining our Discord

Reply on Discord

Recommended threads

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