# React File Upload WebPart ## Summary The file upload web part allowing users to upload multiple files to a document library or as item attachments. ![File upload web part built on the SharePoint Framework using React](./assets/SPFileUploadPreview.gif) ## Used SharePoint Framework Version ![drop](https://img.shields.io/badge/version-GA-green.svg) ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) * [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) ## Prerequisites > Site Collection created under the **/sites/** Managed Path > Existing document library or a list ## Solution Solution|Author(s) --------|--------- react-file-upload|Ramin Ahmadi ## Version history Version|Date|Comments -------|----|-------- 1.0.0|February 14, 2018|Initial release ## Disclaimer **THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** --- ## Minimal Path to Awesome - Clone this repository - in the command line run: - `npm install` - `gulp serve` ## Features This project contains sample client-side web parts built on the SharePoint Framework using React illustrating working with file upload web part. This sample illustrates the following concepts on top of the SharePoint Framework: - using React for building SharePoint Framework client-side web parts - using React components for building file upload web part - using [DropzoneJs](http://www.dropzonejs.com/) for uploading files - uploading files to a document library - uploading files as item attachments by getting the item ID from the query string parameter - uploading files using RestAPI - drag and drop feature for uploading files - ability to remove uploaded files - ability limit users to upload accepted file types - using sp-pnp-js to delete uploaded files