Uploading Photos to Amazon S3 from a Browser

Prerequisite Tasks (AWS Console)

1. Create a Bucket

New bucket

Uncheck block-public-access

2. Create an Identity Pool

https://console.aws.amazon.com/cognito/.

• Manage Identity Pool
• Create new identity pool

Enable access to unauthenticated identities

Identity Pool Creation Success

Must choose “Javascript” from the Platform list !

3. Configure Role Permissions

https://console.aws.amazon.com/iam/

• Create policy
• Attach policy

IAM > Policies > Create policy

Edit policy

Policy Creation Fail ! T . T

Solution🤔? https://jynnpark.medium.com/uploading-photos-to-amazon-s3-from-a-browser-403-error-fa965e29e32b

IAM > Roles > Cognito_[BUCKET_NAME]Unauth_Role

Attach Permissions

4. Configure Bucket CORS

Edit CORS

The Web Page (HTML, JS code)

Full code:

Tutorial Source: https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html