From ae0e743a53704f65c0775c1fbfaca3a7eaec78b5 Mon Sep 17 00:00:00 2001
From: jahnli <jahnli@163.com>
Date: Tue, 7 Oct 2025 23:40:21 +0800
Subject: [PATCH] feat(upload): update upload action url

---
 src/upload/demos/enUS/abstract.demo.vue       |  2 +-
 src/upload/demos/enUS/basic.demo.vue          |  2 +-
 src/upload/demos/enUS/before-upload.demo.vue  |  2 +-
 src/upload/demos/enUS/controlled.demo.vue     | 20 +++++++++++++++++--
 .../demos/enUS/custom-download.demo.vue       |  2 +-
 src/upload/demos/enUS/custom-request.demo.vue |  2 +-
 src/upload/demos/enUS/default-files.demo.vue  |  2 +-
 src/upload/demos/enUS/download.demo.vue       |  2 +-
 src/upload/demos/enUS/drag.demo.vue           |  2 +-
 .../demos/enUS/image-card-style.demo.vue      |  4 ++--
 src/upload/demos/enUS/image-style.demo.vue    |  2 +-
 src/upload/demos/enUS/on-finish.demo.vue      | 10 +++++++---
 .../demos/enUS/submit-manually.demo.vue       |  2 +-
 src/upload/demos/zhCN/abstract.demo.vue       |  2 +-
 src/upload/demos/zhCN/basic.demo.vue          |  2 +-
 src/upload/demos/zhCN/before-upload.demo.vue  |  2 +-
 src/upload/demos/zhCN/controlled.demo.vue     | 20 +++++++++++++++++--
 .../demos/zhCN/custom-download.demo.vue       |  2 +-
 src/upload/demos/zhCN/custom-request.demo.vue |  2 +-
 src/upload/demos/zhCN/debug.demo.vue          |  8 +++++---
 src/upload/demos/zhCN/default-files.demo.vue  |  2 +-
 src/upload/demos/zhCN/download.demo.vue       |  2 +-
 src/upload/demos/zhCN/drag.demo.vue           |  2 +-
 .../demos/zhCN/image-card-style.demo.vue      |  4 ++--
 src/upload/demos/zhCN/image-style.demo.vue    |  2 +-
 src/upload/demos/zhCN/on-finish.demo.vue      | 11 ++++++----
 src/upload/demos/zhCN/rtl-debug.demo.vue      |  4 ++--
 .../demos/zhCN/submit-manually.demo.vue       |  2 +-
 src/upload/tests/Upload.spec.tsx              |  3 ++-
 29 files changed, 83 insertions(+), 41 deletions(-)

diff --git a/src/upload/demos/enUS/abstract.demo.vue b/src/upload/demos/enUS/abstract.demo.vue
index 40082f6327c..e0cfa3ad886 100644
--- a/src/upload/demos/enUS/abstract.demo.vue
+++ b/src/upload/demos/enUS/abstract.demo.vue
@@ -24,7 +24,7 @@ const fileList = fileListRef
   <n-upload
     abstract
     :default-file-list="fileList"
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
   >
     <n-button-group>
       <n-button>Useless</n-button>
diff --git a/src/upload/demos/enUS/basic.demo.vue b/src/upload/demos/enUS/basic.demo.vue
index 63e10f0875d..fd42af2e730 100644
--- a/src/upload/demos/enUS/basic.demo.vue
+++ b/src/upload/demos/enUS/basic.demo.vue
@@ -4,7 +4,7 @@
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :headers="{
       'naive-info': 'hello!',
     }"
diff --git a/src/upload/demos/enUS/before-upload.demo.vue b/src/upload/demos/enUS/before-upload.demo.vue
index 08b798c627d..8db1918c9ce 100644
--- a/src/upload/demos/enUS/before-upload.demo.vue
+++ b/src/upload/demos/enUS/before-upload.demo.vue
@@ -24,7 +24,7 @@ async function beforeUpload(data: {
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     @before-upload="beforeUpload"
   >
     <n-button>Upload PNG</n-button>
diff --git a/src/upload/demos/enUS/controlled.demo.vue b/src/upload/demos/enUS/controlled.demo.vue
index 1f0397b7076..d0e3436d162 100644
--- a/src/upload/demos/enUS/controlled.demo.vue
+++ b/src/upload/demos/enUS/controlled.demo.vue
@@ -14,7 +14,6 @@ const fileListRef = ref<UploadFileInfo[]>([
   {
     id: 'url-test',
     name: 'URL Test',
-    url: '__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f',
     status: 'finished'
   },
   {
@@ -67,6 +66,22 @@ function handleRemove(data: {
   }
 }
 
+function handleFinish({
+  file,
+  event
+}: {
+  file: UploadFileInfo
+  event?: ProgressEvent
+}) {
+  const response = (event?.target as XMLHttpRequest).response
+  const res = JSON.parse(response)
+  message.success(response)
+  file.status = res.status
+  file.url = res.url
+  file.thumbnailUrl = res.thumbnailUrl
+  return file
+}
+
 function handleFileListChange() {
   message.info('Yes, file-list changed.')
 }
@@ -75,9 +90,10 @@ function handleFileListChange() {
 <template>
   <n-upload
     v-model:file-list="fileList"
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     @update:file-list="handleFileListChange"
     @change="handleUploadChange"
+    @finish="handleFinish"
     @remove="handleRemove"
   >
     <n-button>Upload File</n-button>
diff --git a/src/upload/demos/enUS/custom-download.demo.vue b/src/upload/demos/enUS/custom-download.demo.vue
index 3c198de09f5..6d0f0817a24 100644
--- a/src/upload/demos/enUS/custom-download.demo.vue
+++ b/src/upload/demos/enUS/custom-download.demo.vue
@@ -44,7 +44,7 @@ function handleCustomDownload(file: UploadFileInfo) {
 
 <template>
   <n-upload
-    action="http://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image"
     show-download-button
diff --git a/src/upload/demos/enUS/custom-request.demo.vue b/src/upload/demos/enUS/custom-request.demo.vue
index 7447076fd17..7dda1024ad3 100644
--- a/src/upload/demos/enUS/custom-request.demo.vue
+++ b/src/upload/demos/enUS/custom-request.demo.vue
@@ -52,7 +52,7 @@ function customRequest({
 
 <template>
   <n-upload
-    action="__HTTP__://naive-upload.free.beeceptor.com/"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :headers="{
       'naive-info': 'hello!',
     }"
diff --git a/src/upload/demos/enUS/default-files.demo.vue b/src/upload/demos/enUS/default-files.demo.vue
index de0b1bb38b1..2710b6b6dc0 100644
--- a/src/upload/demos/enUS/default-files.demo.vue
+++ b/src/upload/demos/enUS/default-files.demo.vue
@@ -26,7 +26,7 @@ const defaultFileList: UploadFileInfo[] = [
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="defaultFileList"
   >
     <n-button>Upload File</n-button>
diff --git a/src/upload/demos/enUS/download.demo.vue b/src/upload/demos/enUS/download.demo.vue
index 12c3a8db26e..d0c83c0bb5f 100644
--- a/src/upload/demos/enUS/download.demo.vue
+++ b/src/upload/demos/enUS/download.demo.vue
@@ -39,7 +39,7 @@ function handleDownload(file: UploadFileInfo) {
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image"
     show-download-button
diff --git a/src/upload/demos/enUS/drag.demo.vue b/src/upload/demos/enUS/drag.demo.vue
index 2b40a0647a1..b23fbacded8 100644
--- a/src/upload/demos/enUS/drag.demo.vue
+++ b/src/upload/demos/enUS/drag.demo.vue
@@ -12,7 +12,7 @@ import { ArchiveOutline as ArchiveIcon } from '@vicons/ionicons5'
   <n-upload
     multiple
     directory-dnd
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :max="5"
   >
     <n-upload-dragger>
diff --git a/src/upload/demos/enUS/image-card-style.demo.vue b/src/upload/demos/enUS/image-card-style.demo.vue
index 345158cf9f5..0b069d44d61 100644
--- a/src/upload/demos/enUS/image-card-style.demo.vue
+++ b/src/upload/demos/enUS/image-card-style.demo.vue
@@ -64,7 +64,7 @@ const previewFileList = ref<UploadFileInfo[]>([
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image-card"
   >
@@ -72,7 +72,7 @@ const previewFileList = ref<UploadFileInfo[]>([
   </n-upload>
   <n-divider />
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="previewFileList"
     list-type="image-card"
     @preview="handlePreview"
diff --git a/src/upload/demos/enUS/image-style.demo.vue b/src/upload/demos/enUS/image-style.demo.vue
index 27399a87168..2aecf8d5eee 100644
--- a/src/upload/demos/enUS/image-style.demo.vue
+++ b/src/upload/demos/enUS/image-style.demo.vue
@@ -58,7 +58,7 @@ function createThumbnailUrl(file: File | null): Promise<string> | undefined {
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image"
     :create-thumbnail-url="createThumbnailUrl"
diff --git a/src/upload/demos/enUS/on-finish.demo.vue b/src/upload/demos/enUS/on-finish.demo.vue
index 8981c5429d1..6f56338dfe5 100644
--- a/src/upload/demos/enUS/on-finish.demo.vue
+++ b/src/upload/demos/enUS/on-finish.demo.vue
@@ -17,17 +17,21 @@ function handleFinish({
   file: UploadFileInfo
   event?: ProgressEvent
 }) {
-  message.success((event?.target as XMLHttpRequest).response)
+  const response = (event?.target as XMLHttpRequest).response
+  const res = JSON.parse(response)
+  message.success(response)
   const ext = file.name.split('.')[1]
   file.name = `renamed.${ext}`
-  file.url = '__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f'
+  file.status = res.status
+  file.url = res.url
+  file.thumbnailUrl = res.thumbnailUrl
   return file
 }
 </script>
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     @finish="handleFinish"
   >
     <n-button>Upload</n-button>
diff --git a/src/upload/demos/enUS/submit-manually.demo.vue b/src/upload/demos/enUS/submit-manually.demo.vue
index dbb9cd9559a..a870a7495ea 100644
--- a/src/upload/demos/enUS/submit-manually.demo.vue
+++ b/src/upload/demos/enUS/submit-manually.demo.vue
@@ -33,7 +33,7 @@ function handleClick() {
   </n-button>
   <n-upload
     ref="upload"
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-upload="false"
     multiple
     @change="handleChange"
diff --git a/src/upload/demos/zhCN/abstract.demo.vue b/src/upload/demos/zhCN/abstract.demo.vue
index 2fdedbee5b2..6a132cb7209 100644
--- a/src/upload/demos/zhCN/abstract.demo.vue
+++ b/src/upload/demos/zhCN/abstract.demo.vue
@@ -24,7 +24,7 @@ const fileList = fileListRef
   <n-upload
     abstract
     :default-file-list="fileList"
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
   >
     <n-button-group>
       <n-button>点我没用</n-button>
diff --git a/src/upload/demos/zhCN/basic.demo.vue b/src/upload/demos/zhCN/basic.demo.vue
index e7cca7f20f2..b58ccc01254 100644
--- a/src/upload/demos/zhCN/basic.demo.vue
+++ b/src/upload/demos/zhCN/basic.demo.vue
@@ -4,7 +4,7 @@
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :headers="{
       'naive-info': 'hello!',
     }"
diff --git a/src/upload/demos/zhCN/before-upload.demo.vue b/src/upload/demos/zhCN/before-upload.demo.vue
index 4b84ed91f78..fa30a7d1f27 100644
--- a/src/upload/demos/zhCN/before-upload.demo.vue
+++ b/src/upload/demos/zhCN/before-upload.demo.vue
@@ -24,7 +24,7 @@ async function beforeUpload(data: {
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     @before-upload="beforeUpload"
   >
     <n-button>上传 PNG 文件</n-button>
diff --git a/src/upload/demos/zhCN/controlled.demo.vue b/src/upload/demos/zhCN/controlled.demo.vue
index fda86a7b554..72db247ae9e 100644
--- a/src/upload/demos/zhCN/controlled.demo.vue
+++ b/src/upload/demos/zhCN/controlled.demo.vue
@@ -14,7 +14,6 @@ const fileListRef = ref<UploadFileInfo[]>([
   {
     id: 'url-test',
     name: 'URL 测试',
-    url: '__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f',
     status: 'finished'
   },
   {
@@ -64,6 +63,22 @@ function handleRemove(data: {
   }
 }
 
+function handleFinish({
+  file,
+  event
+}: {
+  file: UploadFileInfo
+  event?: ProgressEvent
+}) {
+  const response = (event?.target as XMLHttpRequest).response
+  const res = JSON.parse(response)
+  message.success(response)
+  file.status = res.status
+  file.url = res.url
+  file.thumbnailUrl = res.thumbnailUrl
+  return file
+}
+
 function handleFileListChange() {
   message.info('是的，file-list 的值变了')
 }
@@ -72,9 +87,10 @@ function handleFileListChange() {
 <template>
   <n-upload
     v-model:file-list="fileList"
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     @change="handleUploadChange"
     @remove="handleRemove"
+    @finish="handleFinish"
     @update:file-list="handleFileListChange"
   >
     <n-button>上传文件</n-button>
diff --git a/src/upload/demos/zhCN/custom-download.demo.vue b/src/upload/demos/zhCN/custom-download.demo.vue
index 3be1b49f0e1..71169fc6ffa 100644
--- a/src/upload/demos/zhCN/custom-download.demo.vue
+++ b/src/upload/demos/zhCN/custom-download.demo.vue
@@ -42,7 +42,7 @@ function handleCustomDownload(file: UploadFileInfo) {
 
 <template>
   <n-upload
-    action="http://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image"
     show-download-button
diff --git a/src/upload/demos/zhCN/custom-request.demo.vue b/src/upload/demos/zhCN/custom-request.demo.vue
index b3680aeaff2..c0a56157fb8 100644
--- a/src/upload/demos/zhCN/custom-request.demo.vue
+++ b/src/upload/demos/zhCN/custom-request.demo.vue
@@ -52,7 +52,7 @@ function customRequest({
 
 <template>
   <n-upload
-    action="__HTTP__://naive-upload.free.beeceptor.com/"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :headers="{
       'naive-info': 'hello!',
     }"
diff --git a/src/upload/demos/zhCN/debug.demo.vue b/src/upload/demos/zhCN/debug.demo.vue
index 4c3f339804d..52092c0d8a7 100644
--- a/src/upload/demos/zhCN/debug.demo.vue
+++ b/src/upload/demos/zhCN/debug.demo.vue
@@ -18,7 +18,9 @@ const directoryDndUndefined = ref(true)
 
 <template>
   Retry
-  <n-upload action="http://fake-api">
+  <n-upload
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
+  >
     <n-button>Upload</n-button>
   </n-upload>
   Multiple <n-switch v-model:value="multiple" /><br>
@@ -26,7 +28,7 @@ const directoryDndUndefined = ref(true)
   DirectoryDnd <n-switch v-model:value="directoryDnd" /><br>
   DirectoryDnd undefined <n-switch v-model:value="directoryDndUndefined" />
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :multiple="multiple"
     :directory="directory"
     :directory-dnd="directoryDndUndefined ? undefined : directoryDnd"
@@ -35,7 +37,7 @@ const directoryDndUndefined = ref(true)
     <n-button>Upload</n-button>
   </n-upload>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :multiple="multiple"
     :directory="directory"
     :directory-dnd="directoryDndUndefined ? undefined : directoryDnd"
diff --git a/src/upload/demos/zhCN/default-files.demo.vue b/src/upload/demos/zhCN/default-files.demo.vue
index 0c1b3ccb89c..4d8bd89dc45 100644
--- a/src/upload/demos/zhCN/default-files.demo.vue
+++ b/src/upload/demos/zhCN/default-files.demo.vue
@@ -21,7 +21,7 @@ const defaultFileList: UploadFileInfo[] = [
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="defaultFileList"
   >
     <n-button>上传文件</n-button>
diff --git a/src/upload/demos/zhCN/download.demo.vue b/src/upload/demos/zhCN/download.demo.vue
index 2b459d214d3..7202c215e43 100644
--- a/src/upload/demos/zhCN/download.demo.vue
+++ b/src/upload/demos/zhCN/download.demo.vue
@@ -39,7 +39,7 @@ function handleDownload(file: UploadFileInfo) {
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image"
     show-download-button
diff --git a/src/upload/demos/zhCN/drag.demo.vue b/src/upload/demos/zhCN/drag.demo.vue
index 83dc4c0941f..56121932601 100644
--- a/src/upload/demos/zhCN/drag.demo.vue
+++ b/src/upload/demos/zhCN/drag.demo.vue
@@ -12,7 +12,7 @@ import { ArchiveOutline as ArchiveIcon } from '@vicons/ionicons5'
   <n-upload
     multiple
     directory-dnd
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :max="5"
   >
     <n-upload-dragger>
diff --git a/src/upload/demos/zhCN/image-card-style.demo.vue b/src/upload/demos/zhCN/image-card-style.demo.vue
index 067dfa50bd4..81c6f06c6ad 100644
--- a/src/upload/demos/zhCN/image-card-style.demo.vue
+++ b/src/upload/demos/zhCN/image-card-style.demo.vue
@@ -64,7 +64,7 @@ const previewFileList = ref<UploadFileInfo[]>([
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image-card"
   >
@@ -72,7 +72,7 @@ const previewFileList = ref<UploadFileInfo[]>([
   </n-upload>
   <n-divider />
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="previewFileList"
     list-type="image-card"
     @preview="handlePreview"
diff --git a/src/upload/demos/zhCN/image-style.demo.vue b/src/upload/demos/zhCN/image-style.demo.vue
index 29130d2dbb4..a23404d2231 100644
--- a/src/upload/demos/zhCN/image-style.demo.vue
+++ b/src/upload/demos/zhCN/image-style.demo.vue
@@ -53,7 +53,7 @@ function createThumbnailUrl(file: File | null): Promise<string> | undefined {
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-file-list="fileList"
     list-type="image"
     :create-thumbnail-url="createThumbnailUrl"
diff --git a/src/upload/demos/zhCN/on-finish.demo.vue b/src/upload/demos/zhCN/on-finish.demo.vue
index ff9de4552b7..9542ab3c96e 100644
--- a/src/upload/demos/zhCN/on-finish.demo.vue
+++ b/src/upload/demos/zhCN/on-finish.demo.vue
@@ -17,18 +17,21 @@ function handleFinish({
   file: UploadFileInfo
   event?: ProgressEvent
 }) {
-  console.log(event)
-  message.success((event?.target as XMLHttpRequest).response)
+  const response = (event?.target as XMLHttpRequest).response
+  const res = JSON.parse(response)
+  message.success(response)
   const ext = file.name.split('.')[1]
   file.name = `更名.${ext}`
-  file.url = '__HTTPS__://www.mocky.io/v2/5e4bafc63100007100d8b70f'
+  file.status = res.status
+  file.url = res.url
+  file.thumbnailUrl = res.thumbnailUrl
   return file
 }
 </script>
 
 <template>
   <n-upload
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     @finish="handleFinish"
   >
     <n-button>上传文件</n-button>
diff --git a/src/upload/demos/zhCN/rtl-debug.demo.vue b/src/upload/demos/zhCN/rtl-debug.demo.vue
index 1630331ed16..6eba913f09a 100644
--- a/src/upload/demos/zhCN/rtl-debug.demo.vue
+++ b/src/upload/demos/zhCN/rtl-debug.demo.vue
@@ -43,7 +43,7 @@ const fileList = ref<UploadFileInfo[]>([
     <n-config-provider :rtl="rtlEnabled ? rtlStyles : undefined">
       <n-space vertical>
         <n-upload
-          action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+          action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
           :default-file-list="fileList"
           list-type="image-card"
         >
@@ -51,7 +51,7 @@ const fileList = ref<UploadFileInfo[]>([
         </n-upload>
 
         <n-upload
-          action="http://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+          action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
           :default-file-list="fileList"
           list-type="image"
         >
diff --git a/src/upload/demos/zhCN/submit-manually.demo.vue b/src/upload/demos/zhCN/submit-manually.demo.vue
index 3e8277f2ec4..4bc1a8ac4c6 100644
--- a/src/upload/demos/zhCN/submit-manually.demo.vue
+++ b/src/upload/demos/zhCN/submit-manually.demo.vue
@@ -33,7 +33,7 @@ function handleClick() {
   </n-button>
   <n-upload
     ref="upload"
-    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+    action="https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload"
     :default-upload="false"
     multiple
     @change="handleChange"
diff --git a/src/upload/tests/Upload.spec.tsx b/src/upload/tests/Upload.spec.tsx
index cf30f60db8f..6dd2ef03316 100644
--- a/src/upload/tests/Upload.spec.tsx
+++ b/src/upload/tests/Upload.spec.tsx
@@ -73,7 +73,8 @@ describe('n-upload', () => {
     const wrapper = mount(NUpload, {
       props: {
         listType: 'text',
-        action: 'https://www.mocky.io/v2/5e4bafc63100007100d8b70f'
+        action:
+          'https://m1.apifoxmock.com/m1/7208154-6934252-default/api/upload'
       },
       slots: {
         default: () => 'test'