image caching issue

hi, could anybody tell me how to solve the issue of caching the file upload , when i delete the file(image) and create a new file with same id of previous deleted image I should get the newly added image in file preview but as when i create the new file i got the preview of previously deleted image:

Reproduction steps

Upload an image to a bucket with a custom id (say test)
Delete that image from the bucket and add a different image but with the same id (test),

👍 Expected behavior:

Should show a different image now

👎 Actual Behavior:

Shows the old image

please solve this issue for me. thanks

this issue also arises here: https://github.com/appwrite/appwrite/issues/5529

image caching issue

Wouldn’t this be your browser caching it? I’m not sure if there is a way for you to change the browsers image caching settings on anything but your own device.

Not sure of where this issue arises from. But looking for solution If any alternative solution any body have Please recommend me I got stuck in my project.

What are you trying to accomplish? Why are you wanting to reuse IDs?

I want to set the user profile picture id using the same user $id But the issue arises when I try to update the profile picture

does doing a hard refresh/clearing your cache make the new image show?

only browser hard cache clearing gets the job done. do you have any permanent solution so that the code doesn't allow the browser to cache the data? I am using React JS as the frontend.

I highly recommend, not re-using the IDs. The caching is done by your browser and it's outside the control of Appwrite

But tell me at what basis I can retrieve the profile pic of the user? Any possible way you can tell me?

What do you mean?

Actually I retrieve the user profile image by the user $id, it seems to me the possible way. That's why I am using the same id even after the update of the profile image. But here is a cache problem. So any other way to do so?

I already said don't recreate with the same ID

Okay