No 'Access-Control-Allow-Origin' header is present on the requested resource

Hi guys,

it’s been some days with me trying to find out what’s wrong. I’ve been trying the lepozepo:s3 upload, and now the slingshot, to upload files to my bucket.

I’m using the root key access, to be sure that I’ve got all the privileges.

I’ve created a new app from scratch, still with insecure and auto-publish. The cors and bucket policy in the s3 bucket’s properties are as in the example.

Here’s my JS:

if (Meteor.isClient) {

    var uploader = new Slingshot.Upload("");

    Template.hello.events({
        "click button.upload": function () {


            var files = $("input.file_bag")[0].files;
            console.log(files);

            uploader.send(files[0], function (error, downloadUrl) {
                if (error) {
                    // Log service detailed response
                    console.error('Error uploading');
                    alert(error);
                } else {
                    console.log(downloadUrl);
                }
            });

        }
    });
}

if (Meteor.isServer) {


    Slingshot.createDirective("", Slingshot.S3Storage, {
        bucket: "meteor-bucket",

        acl: "public-read",

        authorize: function () {
            //Deny uploads if user is not logged in.
            //            if (!this.userId) {
            //                var message = "Please login before posting files";
            //                throw new Meteor.Error("Login Required", message);
            //            }

            return true;
        },

        maxSize: null,
        allowedFileTypes: ["image/png", "image/jpeg", "image/gif"],
        key: function (file) {
            //Store file into a directory by the user's username.
            return "ciao";
        },
        AWSAccessKeyId: "my_key",
        AWSSecretAccessKey: "my-key",
        region:"eu-west-1"
    });
}

after all the troubles, I’ve managed to solve everything. And now, as with the lepozepo:s3, the error in the console of the browser is:

XMLHttpRequest cannot load https://meteor-bucket.s3-eu-west-1.amazonaws.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://slingshots3test.meteor.com' is therefore not allowed access.

the only difference with the lepozepo:s3 package is the link of the bucket

any suggestions please?

[kolya182]

In my case I added: <ExposeHeader>ETag</ExposeHeader> to CORSRules

[aadamsx]

Did you get this figured out? I had the same issue. But since i’m in the US I had to change my region to region: “us-east-1” and things started working.