Merge pull request #706 from wilecoyotegenius/add-filesize-to-filepicker

Add filesize to FilePicker component

Author: AJIXuMuK

docs/documentation/docs/controls/FilePicker.md

@@ -86,6 +86,7 @@ Provides options for carousel buttons location.
 | fileName | string | File name of the result with the extension. |
 | fileNameWithoutExtension | string | File name of the result without the extension. |
 | fileAbsoluteUrl | string | Absolute URL of the file. Null in case of file upload. |
+| fileSize | number | Size of the result (in bytes). Set only for file upload |
 | downloadFileContent | () => Promise<File> | Function allows to download file content. Returns File object. |
 
 

src/controls/filePicker/FilePicker.types.ts

@@ -32,6 +32,11 @@ export interface IFilePickerResult {
    */
   fileAbsoluteUrl: string;
 
+  /**
+   * Size of a selected file (in bytes). Undefined in all cases but file upload 
+   */
+  fileSize?: number;
+
   /**
    * Absolute not modified file SharePoint URL.
    */

src/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.tsx

@@ -81,6 +81,7 @@ export default class UploadFilePickerTab extends React.Component<IUploadFilePick
     const filePickerResult: IFilePickerResult = {
       fileAbsoluteUrl: null,
       fileName: file.name,
+      fileSize: file.size,
       fileNameWithoutExtension: GeneralHelper.getFileNameWithoutExtension(file.name),
       downloadFileContent: () => { return Promise.resolve(file); }
     };

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -1279,7 +1279,12 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           {
             this.state.filePickerResult &&
             <div>
-              FileName: {this.state.filePickerResult.fileName}
+              <div>
+                FileName: {this.state.filePickerResult.fileName}
+              </div>
+              <div>
+                File size: {this.state.filePickerResult.fileSize}
+              </div>
             </div>
           }
         </div>