fix(theming): backport missing FileInputField cache key update

Agent-Logs-Url: https://github.com/nextcloud/server/sessions/3691de2e-c43a-4f08-b101-79cfe030dfa7

Co-authored-by: miaulalala <7427347+miaulalala@users.noreply.github.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

Author: 2 people

apps/theming/src/components/admin/FileInputField.vue

@@ -45,7 +45,8 @@
 			:class="{
 				'field__preview--logoheader': name === 'logoheader',
 				'field__preview--favicon': name === 'favicon',
-			}" />
+			}"
+			:style="previewStyle" />
 
 		<NcNoteCard v-if="errorMessage"
 			type="error"
@@ -124,6 +125,7 @@ export default {
 	data() {
 		return {
 			showLoading: false,
+			cacheKey: Date.now(),
 			acceptMime: (allowedMimeTypes[this.name]
 				|| ['image/jpeg', 'image/png', 'image/gif', 'image/webp']).join(','),
 		}
@@ -145,6 +147,13 @@ export default {
 			}
 			return false
 		},
+
+		previewStyle() {
+			const url = generateUrl('/apps/theming/image/{key}', { key: this.name })
+			return {
+				backgroundImage: `url(${url}?v=${this.cacheKey}&m=${encodeURIComponent(this.mimeValue)})`,
+			}
+		},
 	},
 
 	methods: {
@@ -167,6 +176,7 @@ export default {
 				this.showLoading = true
 				const { data } = await axios.post(url, formData)
 				this.showLoading = false
+				this.cacheKey = Date.now()
 				this.$emit('update:mime-value', file.type)
 				this.$emit('uploaded', data.data.url)
 				this.handleSuccess()