From e0280bafe6ddbf5b5fc6207fb1c28804aeff344a Mon Sep 17 00:00:00 2001
From: Baer <jeobeardy@proton.me>
Date: Sun, 12 Apr 2026 22:06:45 +0200
Subject: [PATCH] restrict MIME Type in FE

---
 src/webapp/components/views/BoardEntryEditView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/webapp/components/views/BoardEntryEditView.vue b/src/webapp/components/views/BoardEntryEditView.vue
index 4e20591..8ed8d84 100644
--- a/src/webapp/components/views/BoardEntryEditView.vue
+++ b/src/webapp/components/views/BoardEntryEditView.vue
@@ -152,11 +152,11 @@ watch(
                     </div>
                     <div v-if="question.questionType === 'imageQuestion'">
                       <label class="form-label fs-4 mt-3" for="question-image">Question Image</label>
-                      <input class="form-control bg-dark-blue" type="file" name="question-image" id="question-image" @change="onQuestionImageChanged( questionIndex, $event )" accept="image/*">
+                      <input class="form-control bg-dark-blue" type="file" name="question-image" id="question-image" @change="onQuestionImageChanged( questionIndex, $event )" accept="image/jpeg, image/jpg, image/png, image/gif, audio/mpeg">
                     </div>
                     <div v-if="question.questionType === 'audioQuestion'">
                       <label class="form-label fs-4 mt-3" for="question-audio">Question Audio</label>
-                      <input ref="questionImageInput" class="form-control bg-dark-blue" type="file" name="question-audio" id="question-audio" @change="onQuestionAudioChanged( questionIndex, $event )" accept="audio/mpeg">
+                      <input ref="questionImageInput" class="form-control bg-dark-blue" type="file" name="question-audio" id="question-audio" @change="onQuestionAudioChanged( questionIndex, $event )" accept="image/jpeg, image/jpg, image/png, image/gif, audio/mpeg">
                     </div>
                     <div class="row mt-3">
                       <div class="col-xxl-4 col-12 mb-1 px-1">
@@ -195,7 +195,7 @@ watch(
         </div>
         <div v-if="gameCreationStore.board.categories[props.categoryIndex].boardEntries[props.boardEntryIndex].answer.answerType === 'imageAnswer'">
           <label class="form-label fs-4 mt-3" for="answer-image">Answer Image</label>
-          <input ref="answerImageInput" class="form-control bg-dark-blue" type="file" name="answer-image" id="answer-image" @change="onAnswerImageChanged" accept="image/*">
+          <input ref="answerImageInput" class="form-control bg-dark-blue" type="file" name="answer-image" id="answer-image" @change="onAnswerImageChanged" accept="image/jpeg, image/jpg, image/png, image/gif, audio/mpeg">
         </div>
       </div>
     </div>