how to upload file to S3 bucket using pre-signed url in angular or javascript

Question

Can any one please provide example of how to upload to s3 bucket using presigned url. I am able to generate pre singed url but using PUT verb I am not able to upload to S3, giving below error:

Access to XMLHttpRequest at 'https://s3-bulk-files-upload.s3.ap-south-1.amazonaws.com/File1.txt?X-Amz-Expires=599&x-amz-security-token=IQoJb3JpZ2luX2VjEDAaCXVzLWVh....' from origin 'http://localhost:2020' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Thanks, Raj4ms

Can you provide additional details about how you're attempting to upload to S3? Code snippet would be helpful, as well as knowing what library you're using to interface with AWS, if any. — David Bodow
– David Bodow, Commented May 15, 2020 at 2:13
Also, have you looked at AWS's S3 CORS config documentation? Are you possibly running into this issue? — David Bodow
– David Bodow, Commented May 15, 2020 at 2:17
Header : httpOptions = { headers: new HttpHeaders ({ 'Content-Type': 'application/octet-stream', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE' }) } — Gautham Raj
– Gautham Raj, Commented May 15, 2020 at 8:40
upload(uploadFileObject: any, url: any) { return this._http.post<any>(url, uploadFileObject, this.httpOptions); } — Gautham Raj
– Gautham Raj, Commented May 15, 2020 at 8:42
File upload to S3 using pre singed url is working from console App but not working from Angular App, tried PUT and POST but getting same error: POST s3-bulk-files-upload.s3.amazonaws.com/… 403 (Forbidden) — Gautham Raj
– Gautham Raj, Commented May 15, 2020 at 8:46

Gautham Raj · Accepted Answer · 2020-06-01 12:50:25Z

1

Solved this issue by generating presinged url from aws-sdk javascript and upload the file using PUT operation, signed URL and added headers as below headers: new HttpHeaders({ 'x-amz-server-side-encryption': 'aws:kms', 'x-amz-server-side-encryption-aws-kms-key-id': 'arn:aws:kms:us-east-1:...' })
as S3 bucket is configured with KMS-encryption.

answered Jun 1, 2020 at 12:50

Gautham Raj

711 gold badge2 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to upload file to S3 bucket using pre-signed url in angular or javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related