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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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%20noopener%20noreferrer%20noopener%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
Highlighted
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
Highlighted

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

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

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

Highlighted
Highlighted

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