Gets the XMLHttpRequest Object in Onchange function (#19539)

components/upload/Upload.tsx

@@ -103,7 +103,7 @@ class Upload extends React.Component<UploadProps, UploadState> {
     }
   };
 
-  onSuccess = (response: any, file: UploadFile) => {
+  onSuccess = (response: any, file: UploadFile, xhr: any) => {
     this.clearProgressTimer();
     try {
       if (typeof response === 'string') {
@@ -120,6 +120,7 @@ class Upload extends React.Component<UploadProps, UploadState> {
     }
     targetItem.status = 'done';
     targetItem.response = response;
+    targetItem.xhr = xhr;
     this.onChange({
       file: { ...targetItem },
       fileList,

components/upload/index.en-US.md

@@ -62,10 +62,11 @@ When uploading state change, it returns:
    ```js
    {
       uid: 'uid',      // unique identifier, negative is recommend, to prevent interference with internal generated id
-      name: 'xx.png'   // file name
+      name: 'xx.png',   // file name
       status: 'done', // options：uploading, done, error, removed
       response: '{"status": "success"}', // response from server
       linkProps: '{"download": "image"}', // additional html props of file link
+      xhr: 'XMLHttpRequest{ ... }', // XMLHttpRequest Header
    }
    ```
 

components/upload/interface.tsx

@@ -40,6 +40,7 @@ export interface UploadFile<T = any> {
   error?: any;
   linkProps?: any;
   type: string;
+  xhr?: T;
 }
 
 export interface UploadChangeParam<T extends object = UploadFile> {