Getting issue in uploading image. Facing 'Access-Control-Allow-Origin' issue

p5.js Development
1

I am facing issues while uploading images in my sketch in local setup, and issue is with AWS setup.
Pasting the screenshot of error:

image
image957×109 62.4 KB

I have followed all the step given in guide

These are my .env variable

image
image1086×106 35.9 KB

Please correct me if I am wrong:
S3_BUCKET - is name of aws bucket
AWS_REGION - is bucket region which we have to setup while creating bucket
AWS_SECRET_KEY and AWS_ACCESS_KEY - In ‘Security credentials’ under my name in top right corner of AWS console → Created new access key and copied these two variable.

For bucket policy I used this:

{
    "Version": "2008-10-17",
    "Id": "Policy1397632521960",
    "Statement": [
        {
            "Sid": "Stmt1397633323327",
            "Effect": "Allow",
            "Principal": {
                "AWS": "*"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::ash97531/*"
        }
    ]
}

For cors I used this:

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]

Can anyone tell me why I still facing this error while uploading any image?
image

I have even raised a discussion thread on github but I didn’t get any response: here