Merge pull request #45417 from nextcloud/fix/preview-clear-files-etag

apps/files/src/components/FileEntry/FileEntryPreview.vue

@@ -76,10 +76,11 @@ import NetworkIcon from 'vue-material-design-icons/Network.vue'
 import TagIcon from 'vue-material-design-icons/Tag.vue'
 import PlayCircleIcon from 'vue-material-design-icons/PlayCircle.vue'
 
-import { useUserConfigStore } from '../../store/userconfig.ts'
 import CollectivesIcon from './CollectivesIcon.vue'
 import FavoriteIcon from './FavoriteIcon.vue'
+
 import { isLivePhoto } from '../../services/LivePhotos'
+import { useUserConfigStore } from '../../store/userconfig.ts'
 
 export default Vue.extend({
 	name: 'FileEntryPreview',
@@ -162,6 +163,10 @@ export default Vue.extend({
 				url.searchParams.set('y', this.gridMode ? '128' : '32')
 				url.searchParams.set('mimeFallback', 'true')
 
+				// Etag to force refresh preview on change
+				const etag = this.source?.attributes?.etag || ''
+				url.searchParams.set('v', etag.slice(0, 6))
+
 				// Handle cropping
 				url.searchParams.set('a', this.cropPreviews === true ? '0' : '1')
 				return url.href

apps/files/src/views/Sidebar.vue

@@ -335,7 +335,8 @@ export default {
 
 		getPreviewIfAny(fileInfo) {
 			if (fileInfo?.hasPreview && !this.isFullScreen) {
-				return generateUrl(`/core/preview?fileId=${fileInfo.id}&x=${screen.width}&y=${screen.height}&a=true`)
+				const etag = fileInfo?.etag || ''
+				return generateUrl(`/core/preview?fileId=${fileInfo.id}&x=${screen.width}&y=${screen.height}&a=true&v=${etag.slice(0, 6)}`)
 			}
 			return this.getIconUrl(fileInfo)
 		},