BlogApp issue- Images not load

[Virpal-Singh]

hii every one in my app the images from storage cant load just show alt message i try all methods like stop file security and make images public useing token and even change the GetFilePrivew code also bu using blob and URl convertor but the images are neever loded???

[mohammadzaid07]

I also face the same problem with image previews, but now i found the solution. Actually the getFilePreview function is only available with paid plan from April 2025. So we can only use getFileView in Free plan. This will load the images but in the original size/full size.

In Post.jsx and PostCard.jsx

change 'getFilePreview' with 'getFileView'

One more thing we have to set permision while uploading the file to read by all users, then only can we render images in Post and Postcard.

To set permisision use this code

import { Client, ID, Databases, Storage, Query, Permission, Role } from "appwrite";

in config.js file import Permission and Role from appwrite

and in uploadFile function in config.js file add this code

[Permission.read(Role.any())]

just like below code

async uploadFile(file) {
try {
return await this.bucket.createFile(
conf.appwriteBucketId,
ID.unique(),
file,
[Permission.read(Role.any())]
);
} catch (error) {
console.log("Appwrite Service :: uploadFile :: error", error);
return false;
}
}

After this image will be rendered