feat: add showOpenFilePicker method

react-component · Jun 2, 2023 · dc73c0e · dc73c0e
1 parent 0d0ca2f
commit dc73c0e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -113,6 +113,8 @@ customRequest callback is passed an object with:
 
 abort(file?: File) => void: abort the uploading file
 
+showOpenFilePicker() => void: open file picker
+
 ## License
 
 rc-upload is released under the MIT license.
diff --git a/src/AjaxUploader.tsx b/src/AjaxUploader.tsx
@@ -41,6 +41,10 @@ class AjaxUploader extends Component<UploadProps> {
     this.reset();
   };
 
+  showOpenFilePicker = () => {
+    this.fileInput?.click();
+  };
+
   onClick = (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => {
     const el = this.fileInput;
     if (!el) {

diff --git a/src/Upload.tsx b/src/Upload.tsx
@@ -29,6 +29,10 @@ class Upload extends Component<UploadProps> {
     this.uploader.abort(file);
   }
 
+  showOpenFilePicker() {
+    this.uploader.showOpenFilePicker();
+  }
+
   saveUploader = (node: AjaxUpload) => {
     this.uploader = node;
   };