画像アップロードができない

Question

https://www.sejuku.net/blog/65175のサイトをもとに、画像アップロード機能を実装していたらエラーが出てしまいました。

ActionView::Template::Error (Can't resolve image into URL: undefined method `to_model' for #<AvatarUploader:0x000000000bf84de0>
Did you mean?  to_xml):
    11: </p>
    12:
    13: <p>
    14: <%= image_tag @yuuzi.avatar_path %>
    15: </p>
    16:
    17: <%= link_to 'Edit', edit_yuuzi_path(@yuuzi) %> |

app/views/yuuzis/show.html.erb:14:in `_app_views_yuuzis_show_html_erb__557274456_96452760'

class YuuzisController < ApplicationController
  before_action :set_yuuzi, only: [:show, :edit, :update, :destroy]

  # GET /yuuzis
  # GET /yuuzis.json
  def index
    @yuuzis = Yuuzi.all
  end

  # GET /yuuzis/1
  # GET /yuuzis/1.json
  def show
  end

  # GET /yuuzis/new
  def new
    @yuuzi = Yuuzi.new
  end

  # GET /yuuzis/1/edit
  def edit
  end

  # POST /yuuzis
  # POST /yuuzis.json
  def create
    @yuuzi = Yuuzi.new(yuuzi_params)

    respond_to do |format|
      if @yuuzi.save
        format.html { redirect_to @yuuzi, notice: 'Yuuzi was successfully created.' }
        format.json { render :show, status: :created, location: @yuuzi }
      else
        format.html { render :new }
        format.json { render json: @yuuzi.errors, status: :unprocessable_entity }
      end
    end
  end

  # PATCH/PUT /yuuzis/1
  # PATCH/PUT /yuuzis/1.json
  def update
    respond_to do |format|
      if @yuuzi.update(yuuzi_params)
        format.html { redirect_to @yuuzi, notice: 'Yuuzi was successfully updated.' }
        format.json { render :show, status: :ok, location: @yuuzi }
      else
        format.html { render :edit }
        format.json { render json: @yuuzi.errors, status: :unprocessable_entity }
      end
    end
  end

  # DELETE /yuuzis/1
  # DELETE /yuuzis/1.json
  def destroy
    @yuuzi.destroy
    respond_to do |format|
      format.html { redirect_to yuuzis_url, notice: 'Yuuzi was successfully destroyed.' }
      format.json { head :no_content }
    end
  end

  private
    # Use callbacks to share common setup or constraints between actions.
    def set_yuuzi
      @yuuzi = Yuuzi.find(params[:id])
    end

    # Never trust parameters from the scary internet, only allow the white list through.
    def yuuzi_params
      params.require(:yuuzi).permit(:name, :avatar_path)
    end
end

<p id="notice"><%= notice %></p>

<p>
  <strong>Name:</strong>
  <%= @yuuzi.name %>
</p>

<p>
  <strong>Avatar path:</strong>
  <%= @yuuzi.avatar_path %>
</p>

<p>
<%= image_tag @yuuzi.avatar_path %>
</p>

<%= link_to 'Edit', edit_yuuzi_path(@yuuzi) %> |
<%= link_to 'Back', yuuzis_path %>

初心者なので優しく答えていただけると嬉しいです。お願いします。

Answer 1

@yuuzi.avatar_path が AvatarUploader のオブジェクトになっているので、image_tagで解釈できるようにURLの文字列として渡してあげる必要がありますね。

https://github.com/carrierwaveuploader/carrierwave
公式ドキュメントではurlというメソッドが用意されているので @yuuzi.avatar_path.url で表示されるようになると思います。

Comments

[yamada_yuuki]

回答ありがとうございます。エラーは出なくなったんですが、画像が表示されません。画像フォルダの位置が表示されるだけになりました。どうしたら良いでしょうか。

[8zca]

image_tag にわたす引数という意味です。
<%=image_tag @yuuzi.avatar_path.url %>

[yamada_yuuki]

<p id="notice"><%= notice %></p>

<p>
<strong>Name:</strong>
<%= @yuuzi.name %>
</p>

<p>
<strong>Avatar path:</strong>
<%= @yuuzi.avatar_path.url %>
</p>

<%= @yuuzi.avatar_path.url %>

<%= link_to 'Edit', edit_yuuzi_path(@yuuzi) %> |
<%= link_to 'Back', yuuzis_path %>
これでいいんですよね。

[8zca]

@yuuzi.avatar_path.url はあくまで画像のURLしか返しませんので、画像として表示させるためにimage_tagは変わらず必要です。

<%= image_tag @yuuzi.avatar_path.url %>

で画像が出るはずです。

[yamada_yuuki]

回答ありがとうございます。うまく表示できました！