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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

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

保存

保存(save)とは、特定のファイルを、ハードディスク等の外部記憶装置に記録する行為を指します。

Q&A

解決済

1回答

2224閲覧

〔Rails〕fields_forでの画像保存ができません

mball

総合スコア7

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

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

保存

保存(save)とは、特定のファイルを、ハードディスク等の外部記憶装置に記録する行為を指します。

0グッド

0クリップ

投稿2019/11/22 12:45

編集2019/11/23 15:23

前提・実現したいこと

railsで某フリマアプリを作成しています。商品を出品する際に画像も投稿するのですが、商品画像のテーブルと商品テーブルとは切り離しています(アソシエーションを組んでいます)。fields_forを使い、商品出品フォームで商品画像を登録したいのですが、うまくいきません。

該当のソースコード

投稿フォームはこちらです

ruby

1= form_with(model: @item, url: '/items', local: true) do |f| 2 .sell-wrapper__form.sell-wrapper__form__image 3 .sell-wrapper__form__image__content 4 .sell-wrapper__form__image__title 出品画像 5 %span.sell-wrapper__form--must.sell-wrapper__form__image__must 必須 6 .sell-wrapper__form__image__explanation 最大10枚までアップロードできます 7 = f.fields_for :item_images do |i| 8 .dropzone-container.clearfix 9 #preview 10 .dropzone-area 11 = i.label :image_url, class: "dropzone-box", for: "upload-image" do 12 .input_area 13 = i.file_field :image_url, id: "upload-image", class: "upload-image dropzone", 'data-image': 0 14 .boxFileSelect 15 %p 16 ドロップ&ドラッグ 17 %br 18 もしくはクリックしてください

商品のコントローラ(items_controller.rb)

ruby

1def new 2 render layout: 'basic' 3 @item = Item.new() 4 10.times { @item.item_images.build } 5end 6 7def create 8 render layout: 'basic' 9 Item.create(item_params) 10end 11 12private 13def item_params 14 params.permit(:name, :description, :price, :item_condition_id, :ship_fee_bearer_id, :prefecture, :days_before_ship_id, :delivery_method_id, :brand_id, :category_id, :size_id, item_images_attributes: [:id, :image_url, :item_id]).merge(user_id: current_user.id) 15end

商品モデル(item.rb)はこちらです。

ruby

1class Item < ApplicationRecord 2 has_many :item_images, dependent: :destroy 3 accepts_nested_attributes_for :item_images, allow_destroy: true 4end

商品画像モデル(item_image.rb)はこちらです。

ruby

1class ItemImage < ApplicationRecord 2 belongs_to :item 3 mount_uploader :image_url, ImageUploader 4end

試したこと

binding.pryでparamsとitem_paramsの中身を確認しました。
イメージ説明

paramsで画像データが取得できているのは確認できましたが、fields_forでの取得ができていません。
(できていたら[1]pryの1行目右にある"item_images"=>と{"image_url"=〜〜の間に<ActionController::Parameters が入るはず)

モデル、コントローラ、ビューそれぞれで記述ミスを探しましたが、見つけられません。どうかご指導いただけたら幸いです。よろしくお願いいたします。

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

Rails 5.2.3

気になる質問をクリップする

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

解決しました。

ruby

1def new 2 render layout: 'basic' 3 @item = Item.new() 4 10.times { @item.item_images.build } 5end

この中の

ruby

1render layout: 'basic'

この記述を@itemの前に記述していることが原因でした。
renderより下の記述は無視されるため、インスタンス変数@itemがnilの状態でフォームに渡してしまっていました。書き直すとしたら

ruby

1def new 2 @item = Item.new() 3 10.times { @item.item_images.build } 4 render layout: 'basic' 5end

こうすることで、インスタンス変数を渡してあげることができ、フォームに入力された情報が反映されます。

投稿2019/12/01 06:56

mball

総合スコア7

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問