From 9cd082089ae2af0c28ed80834042ee4f2dc4a2ec Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Wed, 23 Apr 2025 15:21:31 +0800
Subject: [PATCH] feat: update file extension display to uppercase in upload
 settings

---
 .../component/chat-input-operate/index.vue        | 10 +++++-----
 .../component/FileUploadSettingDialog.vue         | 15 ++++++++-------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
index 27bf6ad9e..ad6a86ff2 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -349,11 +349,11 @@ const localLoading = computed({
 
 const upload = ref()
 
-const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp']
-const documentExtensions = ['pdf', 'docx', 'txt', 'xls', 'xlsx', 'md', 'html', 'csv']
+const imageExtensions = ['JPG', 'JPEG', 'PNG', 'GIF', 'BMP']
+const documentExtensions = ['PDF', 'DOCX', 'TXT', 'XLS', 'XLSX', 'MD', 'HTML', 'CSV']
 const videoExtensions: any = []
-const audioExtensions = ['mp3', 'wav', 'ogg', 'aac', 'm4a']
-let otherExtensions = ['ppt', 'doc']
+const audioExtensions = ['MP3', 'WAV', 'OGG', 'AAC', 'M4A']
+let otherExtensions = ['PPT', 'DOC']
 
 const getAcceptList = () => {
   const { image, document, audio, video, other } = props.applicationDetails.file_upload_setting
@@ -417,7 +417,7 @@ const uploadFile = async (file: any, fileList: any) => {
   const formData = new FormData()
   formData.append('file', file.raw, file.name)
   //
-  const extension = file.name.split('.').pop().toLowerCase() // 获取文件后缀名并转为小写
+  const extension = file.name.split('.').pop().toUpperCase() // 获取文件后缀名并转为小写
 
   if (imageExtensions.includes(extension)) {
     uploadImageList.value.push(file)
diff --git a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
index 5e943af32..0f55fa1dd 100644
--- a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
@@ -63,7 +63,7 @@
                     }}
                   </el-text>
                 </p>
-                <p>{{ documentExtensions.map(s => s.toUpperCase()).join('、') }}</p>
+                <p>{{ documentExtensions.join('、') }}</p>
               </div>
             </div>
             <el-checkbox
@@ -93,7 +93,7 @@
                     }}
                   </el-text>
                 </p>
-                <p>{{ imageExtensions.map(s => s.toUpperCase()).join('、') }}</p>
+                <p>{{ imageExtensions.join('、') }}</p>
               </div>
             </div>
             <el-checkbox v-model="form_data.image" @change="form_data.image = !form_data.image" />
@@ -121,7 +121,7 @@
                     }}
                   </el-text>
                 </p>
-                <p>{{ audioExtensions.map(s => s.toUpperCase()).join('、') }}</p>
+                <p>{{ audioExtensions.join('、') }}</p>
               </div>
             </div>
             <el-checkbox v-model="form_data.audio" @change="form_data.audio = !form_data.audio" />
@@ -212,9 +212,9 @@ const loading = ref(false)
 const fieldFormRef = ref()
 const InputRef = ref<InputInstance>()
 
-const documentExtensions = ['txt', 'md', 'docx', 'html', 'csv', 'xlsx', 'xls', 'pdf']
-const imageExtensions = ['jpg', 'jpeg', 'png', 'gif']
-const audioExtensions = ['mp3', 'wav', 'ogg', 'acc', 'm4a']
+const documentExtensions = ['TXT', 'MD', 'DOCX', 'HTML', 'CSV', 'XLSX', 'XLS', 'PDF']
+const imageExtensions = ['JPG', 'JPEG', 'PNG', 'GIF']
+const audioExtensions = ['MP3', 'WAV', 'OGG', 'ACC', 'M4A']
 
 const form_data = ref({
   maxFiles: 3,
@@ -224,7 +224,7 @@ const form_data = ref({
   audio: false,
   video: false,
   other: false,
-  otherExtensions: ['ppt', 'doc']
+  otherExtensions: ['PPT', 'DOC']
 })
 
 function open(data: any) {
@@ -250,6 +250,7 @@ const showInput = () => {
 }
 const handleInputConfirm = () => {
   if (inputValue.value) {
+    inputValue.value = inputValue.value.toUpperCase()
     if (
       form_data.value.otherExtensions.includes(inputValue.value) ||
       documentExtensions.includes(inputValue.value) ||