diff --git a/es/utils/upload.web.d.ts b/es/utils/upload.web.d.ts
index 95dcee0d..13c6fd4d 100644
--- a/es/utils/upload.web.d.ts
+++ b/es/utils/upload.web.d.ts
@@ -1,3 +1,3 @@
 export declare class Upload {
-    uploadFile(file: File | string, name: string, uploadUrl: string, formData: Record<string, any>, autoInform?: boolean): Promise<any>;
+    uploadFile(file: File | string, name: string, uploadUrl: string, formData: Record<string, any>, autoInform?: boolean, getPercent?: Function): Promise<any>;
 }
diff --git a/es/utils/upload.web.js b/es/utils/upload.web.js
index b625d828..57d0cc5b 100644
--- a/es/utils/upload.web.js
+++ b/es/utils/upload.web.js
@@ -1,15 +1,75 @@
 export class Upload {
-    async uploadFile(file, name, uploadUrl, formData, autoInform) {
-        const formData2 = new FormData();
-        for (const key of Object.keys(formData)) {
-            formData2.append(key, formData[key]);
+    // async uploadFile(
+    //     file: File | string,
+    //     name: string,
+    //     uploadUrl: string,
+    //     formData: Record<string, any>,
+    //     autoInform?: boolean
+    // ): Promise<any> {
+    //     const formData2 = new FormData();
+    //     for (const key of Object.keys(formData)) {
+    //         formData2.append(key, formData[key]);
+    //     }
+    //     formData2.append(name || 'file', file as File);
+    //     const options = {
+    //         body: formData2,
+    //         method: 'POST',
+    //     };
+    //     const result = await fetch(uploadUrl, options);
+    //     return result;
+    // }
+    async uploadFile(file, name, uploadUrl, formData, autoInform, getPercent) {
+        if (getPercent) {
+            const formData2 = new FormData();
+            Object.entries(formData).forEach(([key, value]) => {
+                formData2.append(key, value);
+            });
+            formData2.append(name || 'file', file);
+            return new Promise((resolve, reject) => {
+                const xhr = new XMLHttpRequest();
+                let percent = 0;
+                xhr.upload.addEventListener('progress', (event) => {
+                    if (event.lengthComputable) {
+                        percent = Math.round((event.loaded / event.total) * 100);
+                        getPercent(percent);
+                    }
+                });
+                xhr.onload = () => {
+                    if (xhr.status >= 200 && xhr.status < 300) {
+                        if (xhr.status === 204) {
+                            resolve({ status: 204 }); // 正确返回状态码
+                        }
+                        else {
+                            try {
+                                const data = JSON.parse(xhr.responseText);
+                                resolve(data);
+                            }
+                            catch (e) {
+                                resolve({ status: xhr.status, raw: xhr.responseText });
+                            }
+                        }
+                    }
+                    else {
+                        reject(new Error(`HTTP Error: ${xhr.status}`));
+                    }
+                };
+                xhr.onerror = () => reject(new Error('Network Error'));
+                xhr.open('POST', uploadUrl);
+                xhr.send(formData2);
+            });
+        }
+        else {
+            const formData2 = new FormData();
+            for (const key of Object.keys(formData)) {
+                formData2.append(key, formData[key]);
+            }
+            formData2.append(name || 'file', file);
+            const options = {
+                body: formData2,
+                method: 'POST',
+            };
+            const result = await fetch(uploadUrl, options);
+            return result;
         }
-        formData2.append(name || 'file', file);
-        const options = {
-            body: formData2,
-            method: 'POST',
-        };
-        const result = await fetch(uploadUrl, options);
-        return result;
     }
 }
diff --git a/src/utils/upload.web.ts b/src/utils/upload.web.ts
index f4e21d14..68b7e731 100644
--- a/src/utils/upload.web.ts
+++ b/src/utils/upload.web.ts
@@ -1,25 +1,93 @@
 
 
 export class Upload {
+    // async uploadFile(
+    //     file: File | string,
+    //     name: string,
+    //     uploadUrl: string,
+    //     formData: Record<string, any>,
+    //     autoInform?: boolean
+    // ): Promise<any> {
+    //     const formData2 = new FormData();
+    //     for (const key of Object.keys(formData)) {
+    //         formData2.append(key, formData[key]);
+    //     }
+    //     formData2.append(name || 'file', file as File);
+
+    //     const options = {
+    //         body: formData2,
+    //         method: 'POST',
+    //     };
+
+    //     const result = await fetch(uploadUrl, options);
+    //     return result;
+    // }
+
+
     async uploadFile(
         file: File | string,
         name: string,
         uploadUrl: string,
         formData: Record<string, any>,
-        autoInform?: boolean
+        autoInform?: boolean,
+        getPercent?: Function,
     ): Promise<any> {
-        const formData2 = new FormData();
-        for (const key of Object.keys(formData)) {
-            formData2.append(key, formData[key]);
+        if (getPercent) {
+
+            const formData2 = new FormData();
+            Object.entries(formData).forEach(([key, value]) => {
+                formData2.append(key, value);
+            });
+            formData2.append(name || 'file', file);
+
+            return new Promise((resolve, reject) => {
+                const xhr = new XMLHttpRequest();
+                let percent = 0;
+
+                xhr.upload.addEventListener('progress', (event) => {
+                    if (event.lengthComputable) {
+                        percent = Math.round((event.loaded / event.total) * 100);
+                        getPercent(percent);
+                    }
+                });
+
+                xhr.onload = () => {
+                    if (xhr.status >= 200 && xhr.status < 300) {
+                        if (xhr.status === 204) {
+                            resolve({ status: 204 }); // 正确返回状态码
+                        } else {
+                            try {
+                                const data = JSON.parse(xhr.responseText);
+                                resolve(data);
+                            } catch (e) {
+                                resolve({ status: xhr.status, raw: xhr.responseText });
+                            }
+                        }
+                    } else {
+                        reject(new Error(`HTTP Error: ${xhr.status}`));
+                    }
+                };
+
+                xhr.onerror = () => reject(new Error('Network Error'));
+                xhr.open('POST', uploadUrl);
+                xhr.send(formData2);
+            });
+        } else {
+
+
+            const formData2 = new FormData();
+            for (const key of Object.keys(formData)) {
+                formData2.append(key, formData[key]);
+            }
+            formData2.append(name || 'file', file as File);
+
+            const options = {
+                body: formData2,
+                method: 'POST',
+            };
+
+            const result = await fetch(uploadUrl, options);
+            return result;
         }
-        formData2.append(name || 'file', file as File);
-
-        const options = {
-            body: formData2,
-            method: 'POST',
-        };
-
-        const result = await fetch(uploadUrl, options);
-        return result;
     }
 }