Get 403 (forbidden) when used jQuery File Upload to s3 rails app

Question

I want to upload images to s3. For that I am following http://railscasts.com/episodes/383-uploading-to-amazon-s3

I am able to upload single image to s3 but now I am using jquery file upload to upload multiple files.

It gave me 403(Forbidden) when I tried to upload file.

What do I need to do to fix it?

Thank you to anyone that can help in advance!

https://github.com/pjambet/direct-upload -> from this link you can direct-upload in s3 it's small project you can take clone — Dipak Panchal, Nov 27 '12 at 06:20

score 0 · Answer 1 · answered Jan 08 '13 at 19:39

You need to check the permission of your S3 bucket. It should allow "Upload/Delete".

In addition, you should set up CORS configuration (CORS: Cross-Origin Resource Sharing) (for your bucket, go to Properties ==> Permissions, then click on 'Add CORS Configuration')

The file should have something like this:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>http://localhost:3000</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

Here it allows my localhost to post files to this bucket.

score 0 · Answer 2 · answered Jul 26 '13 at 11:35

While you are testing you can use a very broad CORS config

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

score 0 · Answer 3 · answered Oct 06 '17 at 14:47

Beside CORS, 403 can come because wrong contentType is set.

Server side:

GeneratePresignedUrlRequest rq = new GeneratePresignedUrlRequest(bucketName, objectKey);
rq.setContentType("video/*");
...

Client side:

$.ajax({
                url:upUrl,
                type: "PUT",
                data: file,
                contentType:'video/*',
                cache: false,
                processData:false,
                success: function (data) {

                }
              });

Get 403 (forbidden) when used jQuery File Upload to s3 rails app

3 Answers3