feat: add retryUpload method for upload

README.md

@@ -15,7 +15,6 @@
 
 <p align="center">English | <a href="./README.zh-CN.md">简体中文</a></p>
 
-
 ## Highlights
 
 - Supports Ajax uploads with progress, headers, credentials, and custom request overrides.
@@ -98,9 +97,10 @@ Then open `http://localhost:8000`.
 
 ### Methods
 
-| Name    | Type                      | Description             |
-| ------- | ------------------------- | ----------------------- |
-| `abort` | `(file: RcFile) => void` | Abort an active upload. |
+| Name          | Type                     | Description                          |
+| ------------- | ------------------------ | ------------------------------------ |
+| `abort`       | `(file: RcFile) => void` | Abort an active upload.              |
+| `retryUpload` | `(file: RcFile) => void` | Retry an upload for a specific file. |
 
 ## Development
 

README.zh-CN.md

@@ -15,7 +15,6 @@
 
 <p align="center"><a href="./README.md">English</a> | 简体中文</p>
 
-
 ## 特性
 
 - 支持带进度、请求头、凭证和自定义请求覆盖的 Ajax 上传。
@@ -98,9 +97,10 @@ npm start
 
 ### 方法
 
-| 名称    | 类型                      | 说明             |
-| ------- | ------------------------- | ----------------------- |
-| `abort` | `(file: RcFile) => void` | 中止进行中的上传。 |
+| 名称          | 类型                     | 说明                 |
+| ------------- | ------------------------ | -------------------- |
+| `abort`       | `(file: RcFile) => void` | 中止进行中的上传。   |
+| `retryUpload` | `(file: RcFile) => void` | 重试特定文件的上传。 |
 
 ## 本地开发
 

src/AjaxUploader.tsx

@@ -301,6 +301,16 @@ class AjaxUploader extends Component<UploadProps> {
     this.reqs[uid] = request(requestOption, { defaultRequest });
   }
 
+  retryUpload = (originFile: RcFile) => {
+    this.processFile(originFile, [originFile])
+      .then(fileInfo => {
+        if (fileInfo.parsedFile) {
+          this.post(fileInfo);
+        }
+      })
+      .catch(() => {});
+  };
+
   reset() {
     this.setState({
       uid: getUid(),

src/Upload.tsx

@@ -30,6 +30,10 @@ class Upload extends Component<UploadProps> {
     this.uploader.abort(file);
   }
 
+  retryUpload(file: RcFile) {
+    this.uploader.retryUpload(file);
+  }
+
   saveUploader = (node: AjaxUpload) => {
     this.uploader = node;
   };

tests/uploader.spec.tsx

@@ -253,6 +253,57 @@ describe('uploader', () => {
       }, 100);
     });
 
+    it('retryUpload should make new request', done => {
+      const uploadRef = React.createRef<any>();
+      render(<Upload ref={uploadRef} action="/test" />);
+
+      const file = {
+        name: 'retry.png',
+        toString() {
+          return this.name;
+        },
+      };
+      const files = [file];
+      (files as any).item = (i: number) => files[i];
+
+      const initialRequestCount = requests.length;
+
+      uploadRef.current.retryUpload(file as any);
+
+      setTimeout(() => {
+        expect(requests.length).toBe(initialRequestCount + 1);
+        done();
+      }, 100);
+    });
+
+    it('retryUpload should not make request when action rejects', done => {
+      const uploadRef = React.createRef<any>();
+      render(
+        <Upload
+          ref={uploadRef}
+          action={async () => {
+            throw new Error('action error');
+          }}
+        />,
+      );
+
+      const file = {
+        name: 'reject.png',
+        toString() {
+          return this.name;
+        },
+      };
+
+      const initialRequestCount = requests.length;
+
+      uploadRef.current.retryUpload(file as any);
+
+      setTimeout(() => {
+        expect(requests.length).toBe(initialRequestCount);
+        done();
+      }, 100);
+    });
+
     it('drag to upload', done => {
       const input = uploader.container.querySelector('input')!;