How to upload images to S3 from a react application

This article demonstrates how you can upload images to Amazon S3 (a highly scalable cloud storage service from Amazon) from your react applications. The solution in this article doesn’t use a react-specific library. Therefore you can adapt it to any other JavaScript framework.

Before you begin, make sure you have an AWS account.

Setting up a IAM for S3 in AWS

We have to set up a new IAM user and generate credentials. Our application will use these credentials to connect to AWS services.

Head over to IAM in your AWS console. Search for IAM in the the AWS console search panel and select IAM from the services menu.

Next, select add a new user.

Give your user a name and select next. In the permission section select attach policies directly and select AmazonS3FullAccess. If you are familiar with AWS permission policies feel free to tweak it as per your requirements. For sake of simplicity I am going to select the AmazonS3FullAccess option.

Next,…