前提・実現したいこと
rails6をTwitterのデモアプリを作りながら勉強している者です。
画像(icon)のアップロード・表示のためにCarrierWaveを導入し、新規登録時にiconカラムにはデフォルトの画像が設定されるようにしています。タイムラインやプロフィール画面用にそれぞれ違う大きさにリサイズしたバージョンを指定しているのですが、ページには?マークが表示されてしまいます。
ユーザーがアイコンをカスタマイズするとうまく表示されます。
ご教授のほどお願いいたします。
###アイコン アップローダ
#uploaders/icon_uploader class IconUploader < CarrierWave::Uploader::Base # Include RMagick or MiniMagick support: # include CarrierWave::RMagick # include CarrierWave::MiniMagick # Choose what kind of storage to use for this uploader: storage :file # storage :fog # Override the directory where uploaded files will be stored. # This is a sensible default for uploaders that are meant to be mounted: def store_dir "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}" end # Provide a default URL as a default if there hasn't been a file uploaded: def default_url(*args) # # For Rails 3.1+ asset pipeline compatibility: # # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_')) ActionController::Base.helpers.asset_path("/images/" + [user_page, "default_userpage.jpg"].compact.join('_')) ActionController::Base.helpers.asset_path("/images/" + [index_page, "default_indexpage.jpg"].compact.join('_')) ActionController::Base.helpers.asset_path("/images/" + [end_of_post, "default_endofpost.jpg"].compact.join('_')) "/images/" + [user_page, "default_userpage.jpg"].compact.join('_') "/images/" + [index_page, "default_indexpage.jpg"].compact.join('_') "/images/" + [end_of_post, "default_endofpost.jpg"].compact.join('_') # "/images/fallback/" + [version_name, "default.png"].compact.join('_') end # Process files as they are uploaded: # process scale: [200, 300] # # def scale(width, height) # # do something # end # Create different versions of your uploaded files: # version :thumb do # process resize_to_fit: [50, 50] # end # Add a white list of extensions which are allowed to be uploaded. # For images you might use something like this: # def extension_whitelist # %w(jpg jpeg gif png) # end # Override the filename of the uploaded files: # Avoid using model.id or version_name here, see uploader/store.rb for details. # def filename # "something.jpg" if original_filename # end # リサイズしたり画像形式を変更するのに必要 include CarrierWave::RMagick # 保存形式をJPGにする process :convert => 'jpg' # サムネイルを生成する設定 version :index_page do process resize_to_fill: [48, 48, gravity = ::Magick::CenterGravity] end version :user_page do process resize_to_fill: [300, 300, gravity = ::Magick::CenterGravity] end version :end_of_post do process resize_to_fill: [48, 48, gravity = ::Magick::CenterGravity] end # jpg,jpeg,pngしか受け付けない def extension_white_list %w(jpg jpeg png) end # 拡張子が同じでないとGIFをJPGとかにコンバートできないので、ファイル名を変更 def filename super.chomp(File.extname(super)) + '.jpg' if original_filename.present? end end
各ビュー
#タイムラインのビュー(部分テンプレート) _home_post.html.erb <% @post.each do |post| %> <p><%= link_to image_tag(post.user.icon.to_s), user_path(post.user) %> <%= link_to(post.user.nickname, "http://localhost:3000/post/#{post.id}") %> <%= post.user.user_name %></p> <div > <h2><%= link_to(post.title, "http://localhost:3000/post/#{post.id}") %></h2> </div> <% end %>
#プロフィール画面のビュー users/show.html.erb <body> <div> <p><%= image_tag @user.icon.user_page.to_s %> <h1><%= @user.nickname %></h1> <%= @user.user_name %> <%= @user.profile %></p> <% if @user.id == current_user&.id %> <%= link_to("アカウント設定", "http://localhost:3000/users/#{@user.id}/setting") %> <% end %> </div> <%= render "layouts/users_post" %> </body>
あなたの回答
tips
プレビュー