diff --git a/src/components/CreateRoom.vue b/src/components/CreateRoom.vue index e85e773..3cdd06a 100644 --- a/src/components/CreateRoom.vue +++ b/src/components/CreateRoom.vue @@ -68,7 +68,7 @@ + @change="handlePickedUserAvatar($event)" :accept="supportedAvatarImageTypes" class="d-none" /> diff --git a/src/components/Join.vue b/src/components/Join.vue index c12d547..d4a7a3a 100644 --- a/src/components/Join.vue +++ b/src/components/Join.vue @@ -114,7 +114,7 @@ + :accept="supportedAvatarImageTypes" class="d-none" />

{{ $t("profile.select_language") }}

diff --git a/src/components/Profile.vue b/src/components/Profile.vue index cf2d62a..556a7e0 100644 --- a/src/components/Profile.vue +++ b/src/components/Profile.vue @@ -33,7 +33,7 @@ type="file" name="avatar" @change="handlePickedAvatar($event)" - :accept="supportedImageTypes" + :accept="supportedAvatarImageTypes" class="d-none" /> diff --git a/src/components/RoomAvatarPicker.vue b/src/components/RoomAvatarPicker.vue index e7c4c40..710498d 100644 --- a/src/components/RoomAvatarPicker.vue +++ b/src/components/RoomAvatarPicker.vue @@ -10,7 +10,7 @@ type="file" name="roomAvatar" @change="handleRoomPickedAvatar($event)" - :accept="supportedImageTypes" + :accept="supportedAvatarImageTypes" class="d-none" /> diff --git a/src/components/create/CreateRoomAvatar.vue b/src/components/create/CreateRoomAvatar.vue index bad15ce..cd58924 100644 --- a/src/components/create/CreateRoomAvatar.vue +++ b/src/components/create/CreateRoomAvatar.vue @@ -4,7 +4,7 @@ $vuetify.icons.room_avatar_placeholder $vuetify.icons.ic_camera + @change="handlePickedRoomAvatar($event)" :accept="supportedAvatarImageTypes" class="d-none" />
diff --git a/src/main.js b/src/main.js index d5be7dd..a3dce53 100644 --- a/src/main.js +++ b/src/main.js @@ -16,7 +16,7 @@ import Vue3Sanitize from "vue-3-sanitize"; import vuetify from './plugins/vuetify'; import { Buffer } from 'buffer/' import { createApp, h } from 'vue'; -import { supportedImageTypes } from '@/plugins/utils'; +import { supportedImageTypes, supportedAvatarImageTypes } from '@/plugins/utils'; globalThis.Buffer = Buffer; @@ -28,7 +28,7 @@ const app = createApp({ render: () => h(App) }); app.config.globalProperties.supportedImageTypes = supportedImageTypes; - +app.config.globalProperties.supportedAvatarImageTypes = supportedAvatarImageTypes; app.use(Vue3Sanitize, defaultOptions); diff --git a/src/plugins/utils.js b/src/plugins/utils.js index ef2c615..cc3f10c 100644 --- a/src/plugins/utils.js +++ b/src/plugins/utils.js @@ -36,9 +36,17 @@ export const supportedImageTypes = [ "image/jpg", "image/jpeg", "image/png", - "image/svg", + "image/svg+xml", + "image/webp", +]; + +export const supportedAvatarImageTypes = [ + "image/bmp", + "image/gif", + "image/jpg", + "image/jpeg", + "image/png", "image/webp", - "image/x-icon" ]; // Install extended localized format