图片成功上传到AWS s3存储桶，但未显示在我的网站上

Question

I am using Rails with Heroku and AWS S3 to deploy a pinterest like website that I created through a tutorial. Users are successfully able to upload images to my s3 bucket. The problem is, uploaded images are supposed to display in the index (and show) but do not.

I created a bucket policy so the 'getobject' method is enabled.

{
"Id": "Policy1445210052484",
"Version": "2012-10-17",
"Statement": [
    {
        "Sid": "Stmt1445209989872",
        "Action": [
            "s3:GetObject"
        ],
        "Effect": "Allow",
        "Resource": "arn:aws:s3:::wyattsbucket/*",
        "Principal": "*"
    }
]

}

Here is a screenshot of the postings on my site:

Heroku is not receiving any errors so I believe the problem is either in the S3 bucket or in my Rails environment. This is my first post, please forgive the amateur formatting, and if you have any ideas please let me know!

Thanks in advance.

= form_tag pins_path

views/pins/index.html.haml

#pins.transitions-enabled
  - @pins.each do |pin|
    .box.panel.panel-default
      = link_to (image_tag pin.image.url), pin
      .panel-body
        %h2= link_to pin.title, pin
        %p.user
        Submitted by
        = pin.user.email

models/pin.rb

class Pin < ActiveRecord::Base
    acts_as_votable
    belongs_to :user
    has_attached_file :image, styles: { medium: "500x500>" }
    validates_attachment_content_type :image, content_type: /\Aimage\/.*\Z/


end

Answer 1

I'm guessing your issue is with your policy. If you put the URL in your browser, can you view the image?

You could also try the below policy. I'm not that familiar with S3 policy's but this works for get's for me.

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AddPerm",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::wyattsbucket/*"
        }
    ]
}