https://grokonez.com/aws/angular-4-amazon-s3-example-how-to-upload-file-to-s3-bucket
Angular 4 Amazon S3 example – How to upload File to S3 Bucket
Amazon Simple Storage Service (Amazon S3) is object storage built to store and retrieve any amount of data from web or mobile. Amazon S3 is designed to make web-scale computing easier for developers. In this tutorial, we’re gonna create an Angular 4 App that can upload files to Amazon S3 Bucket.
More Practice:
- Angular 4 Amazon S3 example – How to get list Files from S3 Bucket
- Angular 4 Amazon S3 example – How to delete File from S3 Bucket
I. Technology
– Angular 4
– AWS SDK
II. How to do
1. Set up Amazon S3
1.1 Create an IAM user
We need to provide access permission bucket. So follow these step to create an IAM user and get Access key ID and Secret access key:
Go to https://console.aws.amazon.com/iam/
In the navigation pane, choose Users and then choose Add user.
Input User name, choose Programmatic access for Access type:
Press Next: Permissions button -> go to Set permissions for jsa-user screen.
Now, choose Attach existing policies directly -> filter policy type s3, then check AmazonS3FullAccess:
Press Next: Review:
Press Create user:
Press Download .csv for {Access key ID, Secret access key}.
1.2 Create Amazon S3 Bucket
- Go to
https://console.aws.amazon.com/s3
, click on Create bucket:
- Input information for creating bucket, then click on Create:
1.3 Configure CORS for Bucket
- Click on the Bucket we have just created:
- Choose Permission tab, then CORS Configuration:
https://grokonez.com/aws/angular-4-amazon-s3-example-how-to-upload-file-to-s3-bucket
Angular 4 Amazon S3 example – How to upload File to S3 Bucket
Top comments (0)