Upload Files in SPFx?

%3CLINGO-SUB%20id%3D%22lingo-sub-156264%22%20slang%3D%22en-US%22%3EUpload%20Files%20in%20SPFx%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-156264%22%20slang%3D%22en-US%22%3E%3CP%3EWhat%20would%20be%20the%20best%20approach%20to%20having%20a%20comments%20section%20on%20each%20list%20item%20that%20allows%20a%20user%20to%20upload%20supporting%20files%20such%20as%20images%2C%20documents%2C%20zip%20files%20and%20make%20comments%20on%20them%3F%20Are%20there%20any%20projects%20already%20doing%20this%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-156264%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-157832%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20Files%20in%20SPFx%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-157832%22%20slang%3D%22en-US%22%3E%3CP%3EYou%20can%20download%20the%20.sppk%20file%20or%20the%20source%20code%20from%20%3CA%20title%3D%22File%20Upload%20Web%20part%22%20href%3D%22https%3A%2F%2Fgithub.com%2Framinahmadi1986%2FSPFileUpload%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehere%3C%2FA%3E%2C%20I'm%20going%20to%20add%20some%20more%20features%20soon.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-157158%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20Files%20in%20SPFx%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-157158%22%20slang%3D%22en-US%22%3EPlease%20share%20the%20SPFx%20for%20uploading%20files.%20Does%20it%20include%20uploading%20multiple%20files%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-156713%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20Files%20in%20SPFx%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-156713%22%20slang%3D%22en-US%22%3E%3CP%3EI've%20created%20a%20spfx%20for%20uploading%20files%20to%20list%2C%20I%20can%20share%20it%20with%20you%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-622721%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20Files%20in%20SPFx%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-622721%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F118307%22%20target%3D%22_blank%22%3E%40ramin%20ahmadi%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat's%20the%20difference%20between%20your%20webpart%20and%20this%20one%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-file-upload%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-file-upload%3C%2FA%3E%3C%2FP%3E%3CP%3E%3F%3F%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-663299%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20Files%20in%20SPFx%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-663299%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F345592%22%20target%3D%22_blank%22%3E%40rafik1095%3C%2FA%3E%26nbsp%3Bsame%20web%20part%2C%20I%20just%20commited%20my%20sample%20to%20the%20PnP%20repository.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

What would be the best approach to having a comments section on each list item that allows a user to upload supporting files such as images, documents, zip files and make comments on them? Are there any projects already doing this?

5 Replies

I've created a spfx for uploading files to list, I can share it with you

Please share the SPFx for uploading files. Does it include uploading multiple files?

You can download the .sppk file or the source code from here, I'm going to add some more features soon.

@Rafakil same web part, I just commited my sample to the PnP repository.