ahmadiramin / spfileupload

SharePoint Framework web part to upload files to libraries or as item attachments

React SPFileUpload client-side web part

Summary

Sample file upload web part allowing users to upload multiple files to a document library or as item attachments.

Used SharePoint Framework Version

SPFx v1.4

Solution

Solution	Author(s)
SPFileUpload	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.

Prerequisites

• Site Collection created under the /sites/ Managed Path
• Existing document library or a list

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 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

spfileupload's Issues

no default export

When i run the project Gulp Serve I get the following error. Any ideas?

SPFileUpload-master/node_modules/react-dropzone-component/typescript/types"' has no default export.

Is there a way to upload a file that's stored in memory?

I have some web code that will scan a document as a byte stream and I want to upload it as a file to a SharePoint document library. Would I be able to use this to accomplish that? Thanks.

Example with Auto Process False

Could you add an example with the autoProcessQueue: false. I can't figure out how to get to the myDropzone object from a button click.