restrict MIME Type in FE

This commit is contained in:
Baer 2026-04-12 22:06:45 +02:00
parent a1d1f7151f
commit e0280bafe6
1 changed files with 3 additions and 3 deletions

View File

@ -152,11 +152,11 @@ watch(
</div> </div>
<div v-if="question.questionType === 'imageQuestion'"> <div v-if="question.questionType === 'imageQuestion'">
<label class="form-label fs-4 mt-3" for="question-image">Question Image</label> <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>
<div v-if="question.questionType === 'audioQuestion'"> <div v-if="question.questionType === 'audioQuestion'">
<label class="form-label fs-4 mt-3" for="question-audio">Question Audio</label> <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>
<div class="row mt-3"> <div class="row mt-3">
<div class="col-xxl-4 col-12 mb-1 px-1"> <div class="col-xxl-4 col-12 mb-1 px-1">
@ -195,7 +195,7 @@ watch(
</div> </div>
<div v-if="gameCreationStore.board.categories[props.categoryIndex].boardEntries[props.boardEntryIndex].answer.answerType === 'imageAnswer'"> <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> <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> </div>
</div> </div>