Merge pull request #13245 from nextcloud/backport/13242/stable30

nextcloud · Sep 10, 2024 · 64f630b · 64f630b
2 parents ce2703f + 7377552
commit 64f630b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -450,7 +450,7 @@ export default {
 		},
 
 		hasTemporaryImageUrl() {
-			return this.file.mimetype.startsWith('image/') && this.file.localUrl
+			return SHARED_ITEM.MEDIA_ALLOWED_PREVIEW.includes(this.file.mimetype) && this.file.localUrl
 		},
 
 		wrapperTabIndex() {

diff --git a/src/constants.js b/src/constants.js
@@ -198,6 +198,13 @@ export const SHARED_ITEM = {
 		RECORDING: 'recording',
 		VOICE: 'voice',
 	},
+	MEDIA_ALLOWED_PREVIEW: [
+		'image/gif',
+		'image/jpeg',
+		'image/jpg',
+		'image/png',
+		'image/webp',
+	],
 }
 
 export const WEBINAR = {

diff --git a/src/store/fileUploadStore.js b/src/store/fileUploadStore.js
@@ -11,6 +11,7 @@ import { t } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 import { getUploader } from '@nextcloud/upload'
 
+import { SHARED_ITEM } from '../constants.js'
 import { getDavClient } from '../services/DavClient.js'
 import { EventBus } from '../services/EventBus.js'
 import {
@@ -239,7 +240,7 @@ const actions = {
 
 			// Get localurl for some image previews
 			let localUrl = ''
-			if (file.type === 'image/png' || file.type === 'image/gif' || file.type === 'image/jpeg') {
+			if (SHARED_ITEM.MEDIA_ALLOWED_PREVIEW.includes(file.type)) {
 				localUrl = URL.createObjectURL(file)
 			} else if (isVoiceMessage) {
 				localUrl = file.localUrl