adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Allow chat to get videos
Some checks failed
Deploy with Docker Compose / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Adam French
2026-03-09 17:30:54 +00:00
parent 68db930049
commit c2580c984d
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nginx/vue/src/components/util/Chat.vue
View File

@@ -39,6 +39,10 @@ function isImageUrl(url) {
return /\.(jpg|jpeg|png|gif|webp)$/i.test(url); return /\.(jpg|jpeg|png|gif|webp)$/i.test(url);
} }
function isVideoUrl(url) {
return /\.(mp4|webm|ogg|mov)$/i.test(url);
}
function isSafeFileUrl(url) { function isSafeFileUrl(url) {
return typeof url === "string" && url.startsWith("/uploads/"); return typeof url === "string" && url.startsWith("/uploads/");
} }
@@ -64,6 +68,8 @@ onUnmounted(() => {
<template v-if="message.fileUrl && isSafeFileUrl(message.fileUrl)"> <template v-if="message.fileUrl && isSafeFileUrl(message.fileUrl)">
<img v-if="isImageUrl(message.fileUrl)" :src="message.fileUrl" <img v-if="isImageUrl(message.fileUrl)" :src="message.fileUrl"
class="max-w-xs max-h-48 rounded" /> class="max-w-xs max-h-48 rounded" />
<video v-else-if="isVideoUrl(message.fileUrl)" :src="message.fileUrl"
controls class="max-w-xs max-h-48 rounded" />
<a v-else :href="message.fileUrl" target="_blank" <a v-else :href="message.fileUrl" target="_blank"
class="underline">{{ message.fileUrl.split('/').pop() }}</a> class="underline">{{ message.fileUrl.split('/').pop() }}</a>
</template> </template>