railsで画像が変な文字になって表示されてしまう

Question

前提・実現したいこと

railsで画像が変な文字になって表示されてしまいます

この

#<ActiveStorage::Attached::One:0x00007fb01e07e1c8>

　って部分が画像がおかしくなってる場所です

これをしっかりと画像として表示したいです

該当のソースコード

users/show_follow.html.erb

<div class="row">
  <aside class="col-md-4">
    <section class="user_info">
      <%= @user.image if @user.image.attached? %>
      <h1><%= @user.nickname %></h1>
      <span><%= link_to "view my profile", @user %></span>
      <span><b>投稿数:</b> <%= @user.drinks.count %></span>
    </section>
    <section class="stats">
      <%= render 'shared/stats' %>
      <% if @users.any? %>
        <div class="user_avatars">
          <% @users.each do |user| %>
            <%=  user.image if user.image.attached? %>
          <% end %>
        </div>
      <% end %>
    </section>
  </aside>
  <div class="col-md-8">
    <% if @users.any? %>
      <ul class="users follow">
        <%= render @users %>
      </ul>
    <% end %>
  </div>
</div>

の

<%= @user.image if @user.image.attached? %>

って部分が文字で表示されてしまいます

users_controller

class UsersController < ApplicationController
  include SessionsHelper
  before_action :set_user, only: [:show,:edit,:update,:correct_user]
  before_action :logged_in_user, only: [:index,:edit,:update,:following,:followers]
  before_action :correct_user, only: [:edit, :update]

  def index
    @users = User.all
  end

  def new
    @user = User.new
  end

  def create
    @user = User.new(user_params)
    if @user.save
      log_in(@user)
      redirect_to @user
    else
      render 'new'
    end
  end

  def show
    @user = User.find(params[:id])
    @drinks = @user.drinks
  end

  def edit
  end

  def update
    if @user.update(user_params)
      redirect_to @user
    else
      render 'edit'
    end
  end

  def destroy
    user = User.find(params[:id])
    #binding.pry
    user.destroy
    redirect_to root_url
  end

  def following
    # フォローしてるユーザーの表示
    @user = User.find(params[:id])
    @users = @user.following
    render 'show_follow'
  end

  def followers
    # フォロワーの表示
    @user = User.find(params[:id])
    @users = @user.followers
    render 'show_follow'
  end

  private
    def user_params
      params.require(:user).permit(:nickname,:email,:password,:password_confirmation,:image)
    end

    def set_user
      @user = User.find(params[:id])
    end

    def correct_user
      redirect_to(root_url) unless current_user?(@user)
    end
end

users/show.html.erb

<% if current_user?(@user) %>
  <div class="user-profile">
    <h2 class="user-profile-name"><%= current_user.nickname %></h2>
    <h2><%= image_tag @user.image.variant(resize: '100x100'),class: 'user-img' if @user.image.attached? %></h2>
    <div class="user-edit">
      <%= link_to "プロフィールを編集",edit_user_path(@user)%>  
    </div>
  </div> 
<% end %>


<% unless current_user?(@user) %>
  <div id="follow_form">
  <% if current_user.following?(@user) %>
    <%= render 'unfollow' %>
  <% else %>
    <%= render 'follow' %>
  <% end %>
  </div>
<% end %>

<% @user ||= current_user %>
<div class="stats">
  <a href="<%= following_user_path(@user) %>">
    <strong id="following" class="stat">
      <%= @user.following.count %>
    </strong>
    following
  </a>
  <a href="<%= followers_user_path(@user) %>">
    <strong id="followers" class="stat">
      <%= @user.followers.count %>
    </strong>
    followers
  </a>
</div>

試したこと

rails 画像　#ActiveStorage::Attached::One:0x00007fb01e07e1c8
とかで調べても
「active storageの使いかた」
とか同じエラーを解決した記事は見つかりませんでした

    48: def following
    49:   # フォローしてるユーザーの表示
    50:   
    51:   @user = User.find(params[:id])
    52:   @users = @user.following
 => 53:   binding.pry
    54:   render 'show_follow'
    55: end

[1] pry(#<UsersController>)> @user
=> #<User:0x00007fb013662ec8
 id: 6,
 nickname: "セイレーン",
 email: "[e-mail]",
 created_at: Sat, 28 Nov 2020 12:09:16 UTC +00:00,
 updated_at: Sat, 28 Nov 2020 12:09:16 UTC +00:00,
 password_digest: [FILTERED],
 remember_digest: nil>
[2] pry(#<UsersController>)> @user.image
=> #<ActiveStorage::Attached::One:0x00007fb01e0bde40

Comments

[m.ts10806]

blobオブジェクトがそのまま表示されただけに見えますが(決して変な、意味のない羅列ではないです)、DBの定義はどうなってますか？
また、何を参考にこのコードを書きましたか？

[divclass123]

せっかく考えて下さったのに申し訳ありません、、、
僕の凡ミスでした
画像をうまく表示できてる部分とできてない部分をもっと比べるべきでした、、、。
(てっきりコントローラーの方ばかりに注意してた、、、)
またよろしくお願いします、、、！！

[m.ts10806]

おそらく、もっとチュートリアルなりガイドなりをきちんと確認された方が良いです。
マニュアルですから。

Answer 1

<%= user.image%>
とかにしてたが
<%= image_tag user.image%>
とかにするべきだった