Embeded WYSIWYG image shows old version of the image

[sensedrive]

Describe the Bug

After replacing the image in the library, WYSIWYG still shows the old version of the image.

To Reproduce

1. Add image in WYSIWYG fields
2. Change the original source in the library
3. The image inside in WYSIWYG editor is still the old one

Errors Shown

No errors are shown

What version of Directus are you using?

9.15.1

What version of Node.js are you using?

16

What database are you using?

mariadb

What browser are you using?

Chrome

How are you deploying Directus?

locally

[br41nslug]

This is due to browser caching and should only be a visual thing, the url doesnt change when replacing the file so the browser doesnt fetch the image again, once refreshed this should no longer be the case right?

[sensedrive]

Thank you for the quick response!

The file url does not change, true. I completely deleted the browser cache and it now shows the new image.

It seems to me there is a cachebuster appendix missing at the url (file create/update time). I have a Gatsby Preview conntected to Directus. There I am parsing the html content of images (geeting the Directus file ID). In addition to the WYSIWYG issue, It would be also helpful to have a cachebuster there.

[rijkvanzanten]

Linear: ENG-199