質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.34%

  • Ruby on Rails

    7677questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

  • Ruby on Rails 4

    2465questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

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

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 690

innjera

score 104

状況

  • Lesson(model)LessonImage(model、画像です)との間にhas_many / blongs_to(コードは以下に記載)の関連付けを持っています。 
  • 画像Uploadには、Carrierwaveを利用し、新規にLessonを作成する際に、accepts_nested_attributes_forfields_forを使って同時に子レコードであるLessonImageも作成しています。
  • リストLessonhas_manyで所有するLessonImageの写真は0-3枚としています。画像をネストして複数アップロードすることはできています。
  • 1つのLessonに対して最大3つの'LessonImage'が付いており、それぞれは、例えば@lesson.lesson_images[0]@lesson.lesson_images.lastで呼べるのですが、以下記載の通りエラーが出てしまいます。 form_forfields_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 %>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

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

<%= 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をブラウザに打ち込んで見てください。
表示できない場合画像の保存場所に問題があります。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/04/13 08:08

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

    キャンセル

  • 2017/04/13 08:20

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

    キャンセル

  • 2017/04/13 09:32 編集

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

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

    キャンセル

  • 2017/04/13 12:01

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

    キャンセル

  • 2017/04/13 12:19

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

    キャンセル

  • 2017/04/13 12:49

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

    キャンセル

同じタグがついた質問を見る

  • Ruby on Rails

    7677questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

  • Ruby on Rails 4

    2465questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。