画像が表示されない ruby on rails

前提・実現したいこと

新規投稿をして画像をdbに保存し、保存したものを表示さたい
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

post.nameは表示されているが、post.imageが表示されない

エラーメッセージ

該当のソースコード

index.html.erb

<div class="wrapper">
  <div class="main">
    <div class="contents">
      <% @posts.each do |post| %>
       <div class="contents__image" style="background-image: url(<%= post.image %>);">
       <span class="name">
        <%= post.name %>
       </span>
     </div>
      <% end %>
    </div>
  </div>
</div> 

posts_controller.rb

class PostsController < ApplicationController
  def index
    @posts = Post.all.order("created_at DESC")
  end

  def new
    @post = Post.new
  end

  def create
    @post = Post.create(post_params)
    @post.save
    redirect_to :root
  end


  private
  def post_params
    params.require(:post).permit(:text, :image, :name).merge(user_id: current_user.id)
  end
end

試したこと

ここに問題に対して試したことを記載してください。
post.nameと同じようにして表示してみるとimageの中身が#ActionDispatch::Http::UploadedFile:0x00007ff607783ea8というような記述になり調べた結果今の記述で表示されているものがあったので真似してみたが表示されなかった。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

ActionDispatch::Http::UploadedFile はあまり取り回したことがないのですが、CSSで画像を指定する場合などはアップロードした画像の実体がサーバ上のどこかにある必要があります。

ActionDispatch::Http::UploadedFile はドキュメントを読む限りDB内にファイルのバイナリを保存しているように思います。Rails側がファイルをホスティングはしていないのではないでしょうか。（間違えていたらすみません）
https://api.rubyonrails.org/v6.0.3.2/classes/ActionDispatch/Http/UploadedFile.html

強引にやるとしたら、 read メソッドでファイルのバイナリを読み込むことができるので、BASE64にエンコードしてDATA URLで埋め込むというのができるかと思います。
https://developer.mozilla.org/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

試していないですが、以下のコードでひとまず表示は出来るかもしれません。
<div class="contents__image" style="background-image: url(data:image/png;base64,<%= Base64.encode64(post.image.read) %>);">

投稿2020/07/10 13:19