Fix of #747

Author: AJIXuMuK

src/controls/filePicker/FilePicker.tsx

@@ -129,6 +129,7 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
               this.state.selectedTab === "keyUpload" &&
               <UploadFilePickerTab
                 {...linkTabProps}
+                onChange={this._handleOnChange}
               />
             }
             {
@@ -224,6 +225,12 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
     });
   }
 
+  private _handleOnChange = (filePickerResult: IFilePickerResult) => {
+    if (this.props.onChange) {
+      this.props.onChange(filePickerResult);
+    }
+  }
+
   /**
    * Changes the selected tab when a link is selected
    */

src/controls/filePicker/IFilePickerProps.ts

@@ -25,7 +25,7 @@ export interface IFilePickerProps {
   /**
    * Handler when file has been changed.
    */
-  onChanged?: (filePickerResult: IFilePickerResult) => void;
+  onChange?: (filePickerResult: IFilePickerResult) => void;
 
   /**
    * Current context.

src/controls/filePicker/UploadFilePickerTab/IUploadFilePickerTabProps.ts

@@ -1,3 +1,5 @@
-import { IFilePickerTab } from "../FilePicker.types";
+import { IFilePickerResult, IFilePickerTab } from "../FilePicker.types";
 
-export interface IUploadFilePickerTabProps extends IFilePickerTab { }
+export interface IUploadFilePickerTabProps extends IFilePickerTab {
+  onChange: (value: IFilePickerResult) => void;
+}

src/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.tsx

@@ -102,6 +102,8 @@ export default class UploadFilePickerTab extends React.Component<IUploadFilePick
       filePickerResult,
       filePreview: undefined
     });
+
+    this.props.onChange(filePickerResult);
   }
 
   /**

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -1281,7 +1281,7 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
             buttonLabel="Upload image"
             buttonIcon="FileImage"
             onSave={this._onFilePickerSave}
-            onChanged={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
+            onChange={(filePickerResult: IFilePickerResult) => { console.log(filePickerResult.fileName); }}
             context={this.props.context}
             hideRecentTab={false}
           />