Skip to content

Commit fa687ec

Browse files
FilePicker multi upload update to open file explorer
1 parent 13607c3 commit fa687ec

File tree

1 file changed

+24
-4
lines changed

1 file changed

+24
-4
lines changed

src/controls/filePicker/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.tsx

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,17 @@ export default class MultipleUploadFilePickerTab extends React.Component<IMultip
4141
<div className={css(styles.tab, styles.tabOffset)}>
4242
<DragDropFiles
4343
iconName="BulkUpload"
44-
onDrop={this._handleFileUpload}
44+
onDrop={this._handleFileUploadDragDrop}
4545
>
4646
<div className={styles.localTabDragDropFile}>
47-
{strings.UploadLinkLabel + " " + strings.OneDriveRootFolderName}
47+
<input
48+
className={styles.localTabInput}
49+
type="file" id="fileInput"
50+
accept={acceptedFilesExtensions} multiple={true} onChange={(event: React.ChangeEvent<HTMLInputElement>) => this._handleFileUploadExplorer(event)}
51+
/>
52+
<label className={styles.localTabLabel} htmlFor="fileInput">
53+
{strings.UploadLinkLabel + " " + strings.OneDriveRootFolderName}
54+
</label>
4855
</div>
4956
</DragDropFiles>
5057

@@ -67,9 +74,9 @@ export default class MultipleUploadFilePickerTab extends React.Component<IMultip
6774
}
6875

6976
/**
70-
* Gets called when files are uploaded
77+
* Gets called when files are uploaded via drag and drop
7178
*/
72-
private _handleFileUpload = (files) => {
79+
private _handleFileUploadDragDrop = (files) => {
7380
if (files.length < 1) {
7481
return;
7582
} else {
@@ -79,6 +86,19 @@ export default class MultipleUploadFilePickerTab extends React.Component<IMultip
7986
}
8087
}
8188

89+
/**
90+
* Gets called when files are uploaded via file explorer
91+
*/
92+
private _handleFileUploadExplorer = (event: React.ChangeEvent<HTMLInputElement>) => {
93+
if (!event || event.target.files.length < 1) {
94+
return;
95+
} else {
96+
this.setState({
97+
filesResult: event.target.files
98+
});
99+
}
100+
}
101+
82102
/**
83103
* Saves base64 encoded image back to property pane file picker
84104
*/

0 commit comments

Comments
 (0)