how can i display image from URL using appwrite image URL

I tried to display image using appwrite file url but it is not working <Image source={{ uri: 'http://localhost/v1/storage/buckets/DoctorPhoto/files/6497b4c9040711eaedb9/view?project=64717a2c981b74efdaa2&mode=admin', }} style={{width: 400, height: 400}}></Image>

TL;DR

The user is trying to display an image from a URL using the Appwrite image URL. They found that replacing "localhost" with the IP address resolved the issue. The user also requests the Appwrite team to add image extensions in the image URL. Some users suggest using the Appwrite image preview and the React Native Image component. The user states that the image is not displaying using the Appwrite URL in React Native, but it works fine with other URLs. Solution: Replace "localhost" with the IP address in the image URL. Check network and console logs for any errors.

What do you mean by "it's not working"?

"Not working" means not working in react native Image componenteactImageView: Image source "null" doesn't exist. The image is not displaying using appwrite URL, I tried other URL from other sources. which works fine,

If i past the URL in browser then it perfectly displays the image. but not displying in react native image tag

What do the network and console logs from your browser say?

Btw, in your app, you shouldn't have the mode=admin part

ReactImageView: Image source "null" doesn't exist

And what about the network logs?

And what library exactly are you using to display the image?

React-Native Image component

url based images are also not displayed in Flutter also. I think it is because our image url has no images extension (.jpg, .png etc) that why frame does not permit to display.

To tackle this I used appwrite image preview (storage.getFilePreview()) and used it in image widget

Found the issue with url, the saved url have "localhost", replacing the "localhost" to IP work fine for me.

I have one request to appwrite team please add image extension in image URL.

Thanks @Steven and @Hassanmrwt for support.

I am really impressed with appwrite community <:appwritefire:823999000330895380>

You are always welcome champ

Why?

It should work. Feel free to create a separate post

Reply to this thread by joining our Discord

Reply on Discord