diff --git a/packages/theme-saas/src/upload-list/index.less b/packages/theme-saas/src/upload-list/index.less
index 7cf274c46f..4c86c3da28 100644
--- a/packages/theme-saas/src/upload-list/index.less
+++ b/packages/theme-saas/src/upload-list/index.less
@@ -252,6 +252,9 @@
     @apply mr-10;
     @apply pl-2;
     @apply transition-colors duration-300;
+    @apply overflow-hidden;
+    @apply text-ellipsis;
+    @apply whitespace-nowrap;
 
     .@{svg-prefix-cls} {
       @apply text-sm;
@@ -306,6 +309,13 @@
       &-title:not(.is-fail) {
         @apply text-color-text-primary;
       }
+
+      &-title {
+        @apply overflow-hidden;
+        @apply text-ellipsis;
+        @apply whitespace-nowrap;
+        width: 148px;
+      }
     }
 
     .@{upload-list-prefix-cls}__item {
@@ -474,6 +484,7 @@
   &--picture &__item-name {
     @apply block;
     @apply ~'leading-[3.5rem]';
+    @apply overflow-visible;
 
     .@{svg-prefix-cls} {
       @apply text-sm;
diff --git a/packages/theme/src/upload-list/index.less b/packages/theme/src/upload-list/index.less
index 6f74aec802..314147ef77 100644
--- a/packages/theme/src/upload-list/index.less
+++ b/packages/theme/src/upload-list/index.less
@@ -308,6 +308,9 @@
     margin-right: 40px;
     padding-left: 4px;
     transition: color 0.3s;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 
     .@{svg-prefix-cls} {
       font-size: var(--tv-UploadList-item-name-icon-font-size);
@@ -581,6 +584,7 @@
   &--picture &__item-name {
     display: block;
     line-height: 56px;
+    overflow: visible;
 
     .@{svg-prefix-cls} {
       font-size: var(--tv-UploadList-item-name-icon-font-size);
diff --git a/packages/vue/src/file-upload/src/index.ts b/packages/vue/src/file-upload/src/index.ts
index 7b4c628009..ce001833b4 100644
--- a/packages/vue/src/file-upload/src/index.ts
+++ b/packages/vue/src/file-upload/src/index.ts
@@ -229,7 +229,7 @@ export const fileUploadProps = {
   },
   maxNameLength: {
     type: Number,
-    default: 20
+    default: 0
   },
   scale: {
     type: [Number, String],
diff --git a/packages/vue/src/upload-list/src/index.ts b/packages/vue/src/upload-list/src/index.ts
index c2d7d839bd..4c7c3ee461 100644
--- a/packages/vue/src/upload-list/src/index.ts
+++ b/packages/vue/src/upload-list/src/index.ts
@@ -50,7 +50,7 @@ export const uploadListProps = {
   },
   maxNameLength: {
     type: Number,
-    default: 20
+    default: 0
   },
   scale: {
     type: [Number, String],
diff --git a/packages/vue/src/upload-list/src/mobile-first.vue b/packages/vue/src/upload-list/src/mobile-first.vue
index e65274c7ba..dfbcda9cfe 100644
--- a/packages/vue/src/upload-list/src/mobile-first.vue
+++ b/packages/vue/src/upload-list/src/mobile-first.vue
@@ -69,7 +69,9 @@
                   class="flex-1 sm:mr-6 text-xs sm:text-sm leading-5.5 text-color-text-primary overflow-hidden text-ellipsis whitespace-nowrap"
                 >
                   <span :title="file.name">{{
-                    file.name.length > maxNameLength ? file.name.substring(0, maxNameLength) + '...' : file.name
+                    file.name.length > maxNameLength && maxNameLength
+                      ? file.name.substring(0, maxNameLength) + '...'
+                      : file.name
                   }}</span>
                 </div>
                 <div
diff --git a/packages/vue/src/upload-list/src/pc.vue b/packages/vue/src/upload-list/src/pc.vue
index a992db5597..c43435a80a 100644
--- a/packages/vue/src/upload-list/src/pc.vue
+++ b/packages/vue/src/upload-list/src/pc.vue
@@ -63,7 +63,9 @@
             <div class="file-name">
               <div class="file-name-box">
                 <span :title="file.name">{{
-                  file.name.length > maxNameLength ? file.name.substring(0, maxNameLength) + '...' : file.name
+                  file.name.length > maxNameLength && maxNameLength
+                    ? file.name.substring(0, maxNameLength) + '...'
+                    : file.name
                 }}</span>
               </div>
               <div class="operate-panel">
@@ -180,7 +182,11 @@
                   v-if="!isFolder"
                   :fill="isEdm && file.status === 'fail' ? '#f5222d' : ''"
                   class="tiny-svg-size"
-                />{{ file.name.length > maxNameLength ? file.name.substring(0, maxNameLength) + '...' : file.name }}
+                />{{
+                  file.name.length > maxNameLength && maxNameLength
+                    ? file.name.substring(0, maxNameLength) + '...'
+                    : file.name
+                }}
               </a>
             </tiny-tooltip>
             <div :class="['tiny-upload-list__item-edminfo', { isFail: isEdm && file.status === 'fail' }]" v-if="isEdm">
@@ -307,7 +313,11 @@
           :class="['tiny-upload-list__li-title', file.status === 'fail' && 'is-fail']"
           :title="isFolderTitle ? (file.path || '') + file.name : file.name"
         >
-          {{ file.name.length > maxNameLength ? file.name.substring(0, maxNameLength) + '...' : file.name }}
+          {{
+            file.name.length > maxNameLength && maxNameLength
+              ? file.name.substring(0, maxNameLength) + '...'
+              : file.name
+          }}
         </div>
       </li>
     </transition-group>