7 thoughts on “Simple drag and drop files upload zone in SPFx”

1. Hi I am using Filepond for spfx but it does not allow to drop files

   LikeLike

   Reply

   • Download and run this project so you can get some idea

     https://github.com/ravichandran-blog/SPFx/tree/master/spfx-react-dropzone

     if you face any error then let me know the error message.

     LikeLike

     Reply

     • I tried with your solution too but it is not allowing to drop files browse option works fine for me
       you can view snapshot at https://ibb.co/0nWSzbY

       LikeLike

2. How to show files from Library into FIlePond?

   LikeLike

   Reply

   • You can use DocumentCard control for show your documents
     https://developer.microsoft.com/en-us/fluentui#/controls/web/documentcard

     LikeLike

     Reply

     • Hi Ravi, great article. Please could you let me know how can we use it for EditForm. Thank you

       LikeLike

     • Hi Vishal,

       I haven’t done that, but you may try reproducing the files object and assigning it. I’m hoping this works.

       <FilePond files={this.state.files}

       LikeLike