diff --git a/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue b/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue
index f1450b500c3..e8135597d14 100644
--- a/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue
+++ b/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue
@@ -6,7 +6,7 @@
       class="w-full"
       drag
       multiple
-      v-bind:file-list="modelValue"
+      v-bind:file-list="fileArray"
       action="#"
       :auto-upload="false"
       :show-file-list="false"
@@ -62,7 +62,7 @@
       </span>
     </div>
     <el-row :gutter="8" v-if="fileArray?.length" class="mt-8">
-      <template v-for="(item, index) in fileArray" :key="index">
+      <template v-for="(item, index) in sortedFileArray" :key="index">
         <el-col :span="12" class="mb-8">
           <el-card
             shadow="never"
@@ -95,7 +95,7 @@
                 <el-button v-if="item.canRetry" text @click="uploadFile(item)">
                   <AppIcon iconName="app-refresh"></AppIcon>
                 </el-button>
-                <el-button text @click="deleteFile(index, item)">
+                <el-button text @click="deleteFile(item)">
                   <AppIcon iconName="app-delete"></AppIcon>
                 </el-button>
               </div>
@@ -151,13 +151,42 @@ const uploadingCount = computed(
 const retryList = computed(() =>
   fileArray.value.filter((i: any) => i.status === 'error' && i.canRetry),
 )
+const getFileStatusOrder = (item: any) => {
+  if (item.status === 'error' && item.canRetry) return 0
+  if (item.status === 'error') return 1
+  if (item.status === 'uploading') return 2
+  return 3
+}
+const sortedFileArray = computed(() =>
+  fileArray.value
+    .map((item: any, index: number) => ({ item, index }))
+    .sort(
+      (a: any, b: any) =>
+        getFileStatusOrder(a.item) - getFileStatusOrder(b.item) || a.index - b.index,
+    )
+    .map(({ item }: any) => item),
+)
 // 重新上传所有可重试的失败文件
 const retryAll = () => {
   retryList.value.forEach((i: any) => uploadFile(i))
 }
 // 上传on-change事件
 const fileHandleChange = (file: any, fileList: UploadFiles) => {
+  // 按文件唯一标识精确定位并移除当前文件
+  // 注意：不能使用 splice(-1, 1) 盲删末尾元素，文件夹上传时会误删正常文件而放走超限文件
+  const removeCurrentFile = () => {
+    const index = fileList.findIndex((item: any) => item.uid === file.uid)
+    if (index !== -1) {
+      fileList.splice(index, 1)
+    }
+  }
+  if (fileArray.value.length >= file_count_limit.value) {
+    onExceed()
+    removeCurrentFile()
+    return false
+  }
   const item = reactive({
+    uid: file.uid,
     name: file.name,
     size: file.size,
     file_id: '',
@@ -178,21 +207,25 @@ const fileHandleChange = (file: any, fileList: UploadFiles) => {
     // MsgError(t('views.document.tip.fileLimitSizeTip1') + file_size_limit.value + 'MB')
     // fileList.splice(-1, 1) //移除当前超出大小的文件
     fileArray.value?.push(item)
+    removeCurrentFile()
     return false
   }
   if (!file_type_list.value.includes(fileType(file.name).toLocaleUpperCase())) {
     if (file?.name !== '.DS_Store') {
       MsgError(t('views.document.upload.errorMessage2'))
     }
+    removeCurrentFile()
     return false
   }
 
   if (file?.size === 0) {
     MsgError(t('views.document.upload.errorMessage3'))
+    removeCurrentFile()
     return false
   }
 
   fileArray.value?.push(item)
+  removeCurrentFile()
   uploadFile(item)
 }
 // 执行上传
@@ -228,15 +261,18 @@ const uploadFile = (item: any) => {
       item.canRetry = true
     })
 }
-function deleteFile(index: any, item?: any) {
+function deleteFile(item: any) {
   // 上传过程中删除则中断上传请求
   if (item?.status === 'uploading' && typeof item.abort === 'function') {
     item.aborted = true
     item.abort()
-  }else if (item?.status === 'success' && item?.file_id) {
+  } else if (item?.status === 'success' && item?.file_id) {
     applicationApi.deleteFile(item.file_id)
   }
-  fileArray.value.splice(index, 1)
+  const index = fileArray.value.indexOf(item)
+  if (index !== -1) {
+    fileArray.value.splice(index, 1)
+  }
   emit('update:modelValue', fileArray.value)
 }
 
diff --git a/ui/src/views/document/upload/UploadComponent.vue b/ui/src/views/document/upload/UploadComponent.vue
index d0ed124bff0..6f20fde269e 100644
--- a/ui/src/views/document/upload/UploadComponent.vue
+++ b/ui/src/views/document/upload/UploadComponent.vue
@@ -48,7 +48,7 @@
         class="w-full mb-4"
         drag
         multiple
-        v-model:file-list="form.fileList"
+        :file-list="form.fileList"
         action="#"
         :auto-upload="false"
         :show-file-list="false"
@@ -106,7 +106,7 @@
         class="w-full mb-4"
         drag
         multiple
-        v-model:file-list="form.fileList"
+        :file-list="form.fileList"
         action="#"
         :auto-upload="false"
         :show-file-list="false"
@@ -152,7 +152,7 @@
         class="w-full"
         drag
         multiple
-        v-model:file-list="form.fileList"
+        :file-list="form.fileList"
         action="#"
         :auto-upload="false"
         :show-file-list="false"
@@ -184,24 +184,76 @@
       </el-upload>
     </el-form-item>
   </el-form>
-  <el-row :gutter="8" v-if="form.fileList?.length">
-    <template v-for="(item, index) in form.fileList" :key="index">
+  <div v-if="form.fileList?.length" class="flex-between w-full mt-16">
+    <span>
+      {{
+        $t('dynamicsForm.UploadInput.uploadStatus', {
+          success: successCount,
+          total: form.fileList.length,
+        })
+      }}
+    </span>
+    <span v-if="uploadingCount" class="flex align-center">
+      <el-icon class="is-loading color-primary" size="18"><Loading /></el-icon>
+      <span class="ml-4">{{ $t('dynamicsForm.UploadInput.uploading') }}</span>
+    </span>
+    <span v-else-if="errorCount" class="flex align-center">
+      <el-icon class="color-danger ml-4" size="18"><WarningFilled /></el-icon>
+      <span class="ml-4">
+        {{ $t('dynamicsForm.UploadInput.failedStatus', { count: errorCount }) }}
+      </span>
+      <el-button v-if="retryList.length" text @click="retryAll">
+        <AppIcon iconName="app-refresh"></AppIcon>
+        {{ $t('dynamicsForm.UploadInput.reUpload') }}
+      </el-button>
+    </span>
+  </div>
+  <el-row :gutter="8" v-if="form.fileList?.length" class="mt-8">
+    <template v-for="(item, index) in sortedFileList" :key="index">
       <el-col :span="12" class="mb-8">
-        <el-card shadow="never" style="--el-card-padding: 8px 12px; line-height: normal">
+        <el-card
+          shadow="never"
+          style="
+            --el-card-padding: 8px 12px;
+            line-height: normal;
+            position: relative;
+            overflow: hidden;
+          "
+          :class="item.status === 'error' ? 'border-danger' : ''"
+        >
           <div class="flex-between">
             <div class="flex">
               <img :src="getImgUrl(item && item?.name)" alt="" width="40" />
               <div class="ml-8">
                 <p class="ellipsis-1" :title="item && item?.name">{{ item && item?.name }}</p>
-                <el-text type="info" size="small">{{
-                  filesize(item && item?.size) || '0K'
-                }}</el-text>
+                <el-text type="info" size="small">
+                  <template v-if="item.status === 'uploading'">
+                    {{ filesize((item.size * item.percentage) / 100) }} /
+                    {{ filesize(item.size) || '0K' }}
+                  </template>
+                  <template v-else>{{ filesize(item && item?.size) || '0K' }}</template>
+                </el-text>
+                <el-text class="ml-8" v-if="item.status === 'error'" type="danger" size="small">
+                  {{ item.errMsg }}
+                </el-text>
               </div>
             </div>
-            <el-button text @click="deleteFile(index)">
-              <AppIcon iconName="app-delete"></AppIcon>
-            </el-button>
+            <div class="flex align-center">
+              <el-button v-if="item.canRetry" text @click="uploadFile(item)">
+                <AppIcon iconName="app-refresh"></AppIcon>
+              </el-button>
+              <el-button text @click="deleteFile(item)">
+                <AppIcon iconName="app-delete"></AppIcon>
+              </el-button>
+            </div>
           </div>
+          <el-progress
+            v-if="item.status === 'uploading'"
+            class="card-progress"
+            :percentage="item.percentage"
+            :stroke-width="4"
+            :show-text="false"
+          />
         </el-card>
       </el-col>
     </template>
@@ -213,6 +265,7 @@ import { useRoute } from 'vue-router'
 import type { UploadFiles } from 'element-plus'
 import { filesize, getImgUrl, isRightType } from '@/utils/common'
 import { MsgError } from '@/utils/message'
+import applicationApi from '@/api/application/application'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import useStore from '@/stores'
 import { t } from '@/locales'
@@ -237,6 +290,7 @@ const documentsType = computed(() => knowledge.documentsType)
 
 const FormRef = ref()
 const loading = ref(false)
+const uploadLoading = ref(false)
 
 const form = ref({
   fileType: 'txt',
@@ -251,10 +305,42 @@ const rules = reactive({
 
 const file_count_limit = ref(50)
 const file_size_limit = ref(100)
-
+const successCount = computed(
+  () => form.value.fileList.filter((i: any) => i.status !== 'uploading').length,
+)
+const errorCount = computed(
+  () => form.value.fileList.filter((i: any) => i.status === 'error').length,
+)
+const uploadingCount = computed(
+  () => form.value.fileList.filter((i: any) => i.status === 'uploading').length,
+)
+const retryList = computed(() =>
+  form.value.fileList.filter((i: any) => i.status === 'error' && i.canRetry),
+)
+const getFileStatusOrder = (item: any) => {
+  if (item.status === 'error' && item.canRetry) return 0
+  if (item.status === 'error') return 1
+  if (item.status === 'uploading') return 2
+  return 3
+}
+const sortedFileList = computed(() =>
+  form.value.fileList
+    .map((item: any, index: number) => ({ item, index }))
+    .sort(
+      (a: any, b: any) =>
+        getFileStatusOrder(a.item) - getFileStatusOrder(b.item) || a.index - b.index,
+    )
+    .map(({ item }: any) => item),
+)
+const retryAll = () => {
+  retryList.value.forEach((i: any) => uploadFile(i))
+}
+const filterSuccessFiles = (data: any): any => {
+  return data?.filter((f: any) => f.status === 'success') || []
+}
 watch(form.value, (value) => {
   knowledge.saveDocumentsType(value.fileType)
-  knowledge.saveDocumentsFile(value.fileList)
+  knowledge.saveDocumentsFile(filterSuccessFiles(value.fileList))
 })
 
 function downloadTemplate(type: string) {
@@ -272,11 +358,26 @@ function downloadTableTemplate(type: string) {
 }
 
 function radioChange() {
+  form.value.fileList.forEach((item: any) => {
+    if (item?.status === 'uploading' && typeof item.abort === 'function') {
+      item.aborted = true
+      item.abort()
+    }
+  })
   form.value.fileList = []
 }
 
-function deleteFile(index: number | string) {
-  form.value.fileList.splice(index, 1)
+function deleteFile(item: any) {
+  if (item?.status === 'uploading' && typeof item.abort === 'function') {
+    item.aborted = true
+    item.abort()
+  } else if (item?.status === 'success' && item?.file_id) {
+    applicationApi.deleteFile(item.file_id)
+  }
+  const index = form.value.fileList.indexOf(item)
+  if (index !== -1) {
+    form.value.fileList.splice(index, 1)
+  }
 }
 
 // 上传on-change事件
@@ -289,14 +390,36 @@ const fileHandleChange = (file: any, fileList: UploadFiles) => {
       fileList.splice(index, 1)
     }
   }
+  if (form.value.fileList.length >= file_count_limit.value) {
+    onExceed()
+    removeCurrentFile()
+    return false
+  }
+  const item = reactive({
+    uid: file.uid,
+    name: file.name,
+    size: file.size,
+    file_id: '',
+    source_file_id: '',
+    percentage: 0,
+    status: 'uploading' as 'uploading' | 'success' | 'error',
+    errMsg: '',
+    canRetry: false,
+    raw: file.raw,
+    abort: null as null | (() => void),
+    aborted: false,
+  })
   //1、判断文件大小是否合法，文件限制不能大于100M
   const isLimit = file?.size / 1024 / 1024 < file_size_limit.value
   if (!isLimit) {
-    MsgError(t('views.document.tip.fileLimitSizeTip1') + file_size_limit.value + 'MB')
-    removeCurrentFile() //移除当前超出大小的文件
+    item.status = 'error'
+    item.errMsg = t('dynamicsForm.UploadInput.errorTip.sizeError')
+    // MsgError(t('views.document.tip.fileLimitSizeTip1') + file_size_limit.value + 'MB')
+    // fileList.splice(-1, 1) //移除当前超出大小的文件
+    form.value.fileList?.push(item)
+    removeCurrentFile()
     return false
   }
-
   if (!isRightType(file?.name, form.value.fileType)) {
     if (file?.name !== '.DS_Store') {
       MsgError(t('views.document.upload.errorMessage2'))
@@ -309,6 +432,43 @@ const fileHandleChange = (file: any, fileList: UploadFiles) => {
     removeCurrentFile()
     return false
   }
+
+  form.value.fileList.push(item)
+  removeCurrentFile()
+  uploadFile(item)
+}
+
+const uploadFile = (item: any) => {
+  item.status = 'uploading'
+  item.percentage = 0
+  item.errMsg = ''
+  item.canRetry = false
+  item.aborted = false
+  const res: any = applicationApi.postUploadFileProgress(
+    item.raw,
+    id as string,
+    'KNOWLEDGE',
+    (percent: number) => {
+      item.percentage = percent
+    },
+    uploadLoading,
+  )
+  item.abort = typeof res?.abort === 'function' ? res.abort : null
+  const request: Promise<any> = res?.then ? res : res?.request
+  request
+    .then((ok: any) => {
+      const split_path = ok.data.split('/')
+      item.file_id = split_path[split_path.length - 1]
+      item.source_file_id = item.file_id
+      item.percentage = 100
+      item.status = 'success'
+    })
+    .catch(() => {
+      if (item.aborted) return
+      item.status = 'error'
+      item.errMsg = t('dynamicsForm.UploadInput.errorTip.networkError')
+      item.canRetry = true
+    })
 }
 
 const onExceed = () => {
diff --git a/ui/src/views/knowledge-workflow/component/action/DataSource.vue b/ui/src/views/knowledge-workflow/component/action/DataSource.vue
index 09bd94c4eeb..08f461d0ee9 100644
--- a/ui/src/views/knowledge-workflow/component/action/DataSource.vue
+++ b/ui/src/views/knowledge-workflow/component/action/DataSource.vue
@@ -143,8 +143,11 @@ const base_form_data_rule = ref<FormRules>({
 const validate = () => {
   return dynamicsFormRef.value?.validate()
 }
+const filterSuccessFiles = (data: any): any => {
+  return data?.file_list?.filter((f: any) => f.status === 'success') || []
+}
 const get_data = () => {
-  return form_data.value
+  return filterSuccessFiles(form_data.value)
 }
 watch(
   source_node_list,