回形针不显示图像，而是在导轨中显示带有亚马逊s3的标题？

Question

I am using paperclip and amazon s3 to store images for my website. Everything is working correctly without s3 in development mode but when I try to use s3 it shows me the title of the image and not the image. I have copied what is in the heroku guide https://devcenter.heroku.com/articles/paperclip-s3 .

This is the gemfile

gem 'paperclip'
gem 'aws-sdk', '~> 2.3'

this is in profile.rb in class profile

has_attached_file :avatar,
                       :styles => { :medium => "300x300>", :thumb => "100x100>" },
                       :default_url => ":style/missing.jpg"
    validates_attachment_content_type :avatar, :content_type => /\Aimage\/.*\Z/

this is in production.rb

config.paperclip_defaults = {
    storage: :s3,
    s3_host_name: "s3-#{ENV['AWS_REGION']}.amazonaws.com",
    :s3_protocol => :https,
    s3_credentials: {
      bucket: ENV.fetch('S3_BUCKET_NAME'),
      access_key_id: ENV.fetch('AWS_ACCESS_KEY_ID'),
      secret_access_key: ENV.fetch('AWS_SECRET_ACCESS_KEY'),
      s3_region: ENV.fetch('AWS_REGION'),
    }
  }

views

<%= image_tag @user.profile.avatar.url(:medium) %>  

i have copied the heroku guide and added the host name and s3 protocol bit. whats wrong here?

Answer 1

I have followed the heroku guide and was successfully able to upload the user image to S3 using paperclip in development env and I can also see the image in users's profile.

My Gemfile :

gem 'paperclip'
gem 'aws-sdk-s3'

My development.rb

config.paperclip_defaults = {
storage: :s3,
s3_host_name: "s3.#{ENV['AWS_REGION']}.amazonaws.com",
s3_protocol: :https,
s3_credentials: {
    bucket: ENV.fetch('S3_BUCKET_NAME'),
    access_key_id: ENV.fetch('AWS_ACCESS_KEY_ID'),
    secret_access_key: ENV.fetch('AWS_SECRET_ACCESS_KEY'),
    s3_region: ENV.fetch('AWS_REGION'),
  }
}

you have this (this might have caused an issue):

s3_host_name: "s3-#{ENV['AWS_REGION']}.amazonaws.com",

I have this (a dot after s3):

s3_host_name: "s3.#{ENV['AWS_REGION']}.amazonaws.com",

My user.rb is same as yours

has_attached_file :avatar,
                       :styles => { :medium => "300x300>", :thumb => "100x100>" },
                       :default_url => ":style/missing.jpg"

# Validate the attached image is image/jpg, image/png, etc
validates_attachment_content_type :avatar, :content_type => /\Aimage\/.*\Z/

My show.html.erb

<%= image_tag @user.avatar.url(:medium) %>

I am using rails 5.2 version and with above code it works for me. Also do check whether your S3 bucket has public access to objects.