Odtnhj

I am following the below tutorial to allow browser based upload to my S3 bucket.

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

I finished the entire tutorial but when i submit a photo from localhost i get the 403 access denied with acl set to public-read and 400 with acl set to public.

My IAM policy is as shown there

 "Version": "2012-10-17",
 "Statement": [
 
 "Effect": "Allow",
 "Action": [
 "s3:*"
 ],
 "Resource": [
 "arn:aws:s3:::BUCKET_NAME/*"
 ]
 
 ]

and I am using the unauthenticated anonymous user.

The cognito console is showing unauthenticated users but I am not getting to know why also.

The function i'm using to upload is as below

function uploadPDF() 

 var file = $('#fileUpload').val();
 var fileName = Date.now().toString() + ".pdf";
 var albumPhotosKey = encodeURIComponent("files") + '/';

 var photoKey = albumPhotosKey + fileName;
 s3.upload(
 Key: photoKey,
 Body: file,
 ACL: 'public'
 , function(err, data) 
 if (err) 
 console.log(err);
 return alert('There was an error uploading your photo: ', err.message);
 
 alert('Successfully uploaded photo.');
 );

and i've set up the AWS SDK as below

 AWS.config.update(
 region: 'ap-south-1',
 credentials: new AWS.CognitoIdentityCredentials(
 IdentityPoolId: 'ap-south-1:IdentityPoolKey'
 )
 );

 var s3 = new AWS.S3(
 apiVersion: '2006-03-01',
 params: Bucket: albumBucketName
 );

Based on this answer i tried changing the IdentityPoolId to us-east-1 but it didn't show any changes.