From c4df5cea5ff98aadc0165e49e8b17dab8e553e96 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <80892890+shaohuzhang1@users.noreply.github.com>
Date: Fri, 11 Jul 2025 14:45:23 +0800
Subject: [PATCH] fix: The uploaded file image in the conversation is not
 displayed (#3559)

---
 .../ai-chat/component/chat-input-operate/index.vue    | 11 +++++------
 1 file changed, 5 insertions(+), 6 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 cc4785603..228fa815b 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
@@ -293,7 +293,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, computed, onMounted, nextTick, watch, type Ref } from 'vue'
+import { ref, computed, onMounted, nextTick, reactive, type Ref } from 'vue'
 import { t } from '@/locales'
 import Recorder from 'recorder-core'
 import TouchChat from './TouchChat.vue'
@@ -429,9 +429,8 @@ const uploadFile = async (file: any, fileList: any) => {
     fileList.splice(0, fileList.length)
     return
   }
-  fileAllList.value = fileList
-  console.log(fileAllList.value)
-
+  const inner = reactive(file)
+  fileAllList.value.push(inner)
   if (!chatId_context.value) {
     const res = await props.openChatId()
     chatId_context.value = res
@@ -446,9 +445,9 @@ const uploadFile = async (file: any, fileList: any) => {
         )
       : chatAPI.postUploadFile(file.raw, chatId_context.value, 'CHAT', uploadLoading)
   api.then((ok) => {
-    file.url = ok.data
+    inner.url = ok.data
     const split_path = ok.data.split('/')
-    file.file_id = split_path[split_path.length - 1]
+    inner.file_id = split_path[split_path.length - 1]
   })
   if (!inputValue.value && uploadImageList.value.length > 0) {
     inputValue.value = t('chat.uploadFile.imageMessage')