pedroorf1 / react-aws-s3-upload-multi-file

Uploading Multiple Files to AWS S3 Amazon using React

react-aws-s3-upload-multi-file

Simple to get started

• Follow Me

• Clone Repo

• Npm install

• Update .env with your aws S3 bucket info You'll need to get the following things from your AWS S3 Account.

• Access ID.

• Access Key.

• Bucket Name.

• Region

• Directory Name (optional)

** .env file values

• REACT_APP_ACCESS_ID=XXXXXXXXXXXXX

• REACT_APP_ACCESS_KEY=XXXXXXXXXXXXX

• REACT_APP_BUCKET_NAME=XXXXXXXXXXXXX

• REACT_APP_DIR_NAME=XXXXXXXXXXXXX

• REACT_APP_REGION=XXXXXXXXXXXXX **

• Update S3 bucket Cors

• Success

You will need to update your bucket policy to allow your application to read write and connect. Below is a link AWS Bucket Policy. Or I provide an example in the article guide that you can use yourself.

Resources

• Article/Guide

• https://medium.com/@steven_creates/uploading-multiple-files-to-aws-s3-using-react-js-hooks-react-aws-s3-1dd29221c91c

• AWS Example Bucket Policy

• https://docs.aws.amazon.com/AmazonS3/latest/dev/example-bucket-policies.html

• NPM Package

• https://www.npmjs.com/package/react-aws-s3

Find Me

• LinkedIn: https://www.linkedin.com/in/steven-hofheins/
• Medium: https://medium.com/@steven_creates
• GitHub: https://github.com/StevenCreates

If you end up cloning this more than once please star it

Note I do not own the code to the npm package, this is the package owners code and all bugs and issues should be submitted through them.