image_tag : Carrierwaveでネストしてuploadした複数の画像データを表示できない

Question

状況

• Lesson(model)がLessonImage(model、画像です)との間にhas_many / blongs_to（コードは以下に記載）の関連付けを持っています。
• 画像Uploadには、Carrierwaveを利用し、新規にLessonを作成する際に、accepts_nested_attributes_forとfields_forを使って同時に子レコードであるLessonImageも作成しています。
• リストLessonがhas_manyで所有するLessonImageの写真は0-３枚としています。画像をネストして複数アップロードすることはできています。
• １つのLessonに対して最大3つの'LessonImage'が付いており、それぞれは、例えば@lesson.lesson_images[0]や@lesson.lesson_images.lastで呼べるのですが、以下記載の通りエラーが出てしまいます。 form_forとfields_forを利用していることも原因な気もしておりますが、解決策わからず、御指南頂けますと助かります。

出てしまうエラー

undefined method url' for #<LessonImage:0x007fdeb2b92c68>といったエラーが出てしまい、各種記事を検索して試していますがうまくいきません。

親である@lessonには子であるlesson_imagesが入っていることは、以下の通り確認しております。

@lesson.lesson_images
  LessonImage Load (0.6ms)  SELECT "lesson_images".* FROM "lesson_images" WHERE "lesson_images"."lesson_id" = $1  [["lesson_id", 45]]
=> [#<LessonImage:0x007ff5b3f6a0a8
  id: 7,
  lesson_id: 45,
  lesson_image: "a.JPG",
  created_at: Wed, 12 Apr 2017 22:58:18 JST +09:00,
  updated_at: Thu, 13 Apr 2017 08:41:47 JST +09:00>,
 #<LessonImage:0x007ff5b3f69f68
  id: 8,
  lesson_id: 45,
  lesson_image: "f.jpg",
  created_at: Wed, 12 Apr 2017 22:58:45 JST +09:00,
  updated_at: Thu, 13 Apr 2017 08:41:47 JST +09:00>,
 #<LessonImage:0x007ff5b3f69e28
  id: 9,
  lesson_id: 45,
  lesson_image: "v.jpg",
  created_at: Wed, 12 Apr 2017 23:03:33 JST +09:00,
  updated_at: Thu, 13 Apr 2017 08:43:03 JST +09:00>]

関連付け
#Lesson Model
has_many :lesson_images, dependent: :destroy
accepts_nested_attributes_for :lesson_images, allow_destroy: true

#LessonImage Model
class LessonImage < ApplicationRecord
  belongs_to :lesson, optional: true(#Rails 5.0.0.1を利用)
  mount_uploader :lesson_image, LessonImageUploader
end

#LessonImageのテーブル
# Table name: lesson_images
#
#  id           :integer          not null, primary key
#  lesson_id    :integer
#  lesson_image :string
#  created_at   :datetime         not null
#  updated_at   :datetime         not null

#edit.html.erb
<%= form_for [:user, @lesson], url: :user_user_lesson, html: {multipart: true} do |f| %>
  <%= render "form", f: f %>
  <%= f.submit "編集する" %>

#_form.html.erb
<%= f.label :title, "レッスン名" %>
<%= f.text_field :title %>等、lessonモデルのcolumnが並びます。

<%= f.fields_for :lesson_images do |img|%>
<%= image_tag img.object.url %>
<%= img.check_box :remove_lesson_image %>画像を削除する<br>
<%= img.label :lesson_image, "レッスン写真" %>
<%= img.file_field :lesson_image %>
<%= img.label :lesson_image, "レッスン写真" %>
<%= img.file_field :lesson_image %>
<% end %>
  

Answer 1

式はこれでいいと思います。

<%= f.fields_for :lesson_images do |img|%>
<%= image_tag img.object.lesson_image.url %>
<%= img.check_box :remove_lesson_image %>画像を削除する<br>
<%= img.label :lesson_image, "レッスン写真" %>
<%= img.file_field :lesson_image %>
<% end %>

※objectはimg#FormBuilderをrecordへ変換します
問題はimg.object.urlがブラウザからアクセスできる場所にあるか？
とゆうことです。
試しに
<%= image_tag img.object.url %>
を
<%= img.object.url %>
に変えて
表示されたurlをブラウザに打ち込んで見てください。
表示できない場合画像の保存場所に問題があります。

Comments

[innjera]

有難うございます！　ご指摘の通りに直してみたところ、前に進んだとは思いますが、
以下のエラーが出てしまいます、色々検索していますが、わからず、解決策お分かりになればご教示お願い致します。
undefined method `url' for #<LessonImage:0x007fdeb2b92c68>

[innjera]

御指南頂いたやり方を反映させた形で質問も修正しました。

[moke]

今更ですが、本当にCarrierwaveを使ってますか？
Carrierwaveを使っているなら
mount_uploader :image, ImageUploader
というような記述があると思うのですが…。
書き忘れたなら
それを記述してください。

もし使っていないなら、LessonImageのテーブル構造
を見せてください。

[innjera]

返信有難うございます！Carrierwaveは使っております。LessonImage modelのコードから抜けており失礼しました。ついでにLessonImageのテーブツも同じコードの下に記載しております。何卒宜しくお願い致します。

[moke]

回答も修正しておきましたが
img.object.lesson_image.url
とすればいいと思います。

[innjera]

有難う御座います！！うまくいきました、大変助かりました！