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

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

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

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

Ruby on Rails

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

Q&A

解決済

1回答

2842閲覧

【Rails】画像を別モデルに保存・表示させる方法

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby on Rails 5

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

Ruby on Rails

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

0グッド

0クリップ

投稿2018/02/14 04:04

編集2018/02/16 11:24

前提・実現したいこと

初心者です、よろしくお願いいたします・・・

現在Ruby on Railsの勉強にと、擬似Twitterのようなものを作成中です。
「アカウント画像、ユーザー情報、つぶやき、画像」
をViewで表示させたいと思っています。

画像はcarrierwaveを導入済みです。

発生している問題

Twi/indexにて
アカウント画像、ユーザー情報、つぶやき
は表示されるのですが、画像が表示されません。

エラーメッセージ等は出ないのですが、うまく画像がアップロードされていないみたいです。
理由としては、Twis Controllerにて以下コードを書いたところ

def create @twi = Twi.new(twi_params) @picture = Picture.new @user = User.where('account_id == ?',current_account.id)[0] respond_to do |format| if @twi.save && @picture.save format.html { redirect_to @twi, notice: 'Twi was successfully created.' } format.json { render :show, status: :created, location: @twi } else format.html { render :new } format.json { render json: @twi.errors, status: :unprocessable_entity } end end end

if @twi.save && @picture.save
部分にて@pictureがうまくsaveされていない為、/newに戻ってしまうからです。

ターミナルでの処理を確認したところ、@picture.saveの際にロールバックが発生しているようです。
以下該当部分となります。

User Load (0.4ms) SELECT "users".* FROM "users" WHERE "users"."id" = ? LIMIT ? [["id", 1], ["LIMIT", 1]] SQL (1.2ms) INSERT INTO "twis" ("msg", "user_id", "created_at", "updated_at") VALUES (?, ?, ?, ?) [["msg", "テスト"], ["user_id", 1], ["created_at", "2018-02-16 11:11:24.014352"], ["updated_at", "2018-02-16 11:11:24.014352"]] (25.0ms) commit transaction (0.1ms) begin transaction (0.1ms) rollback transaction Rendering twis/new.html.erb within layouts/application Rendered twis/_form.html.erb (35.5ms) Rendered twis/new.html.erb within layouts/application (37.3ms) Completed 200 OK in 252ms (Views: 162.6ms | ActiveRecord: 27.7ms)

なぜロールバックが発生するのかがさっぱりわかりません・・・

該当のソースコード

作成したモデルは以下です

Userモデル name:text memo:text image:string #imageはアカウント画像となります Twiモデル user_id:integer msg:text Pictureモデル twiimage:string twi_id:integer user_id:ineger

また、アソシエーションは以下のようになっています。

class User < ApplicationRecord has_many :twi has_many :picture belongs_to :account #accountはDevise導入の際のモデル名です mount_uploader :image, ImageUploader end class Twi < ApplicationRecord has_many :picture belongs_to :user end class Picture < ApplicationRecord belongs_to :twi belongs_to :user mount_uploader :twiimage, TwiimageUploader end

フォームの存在するnewアクションのコードは以下となります

def new users = User.where 'account_id == ?', current_account.id if users[0] == nil then user = User.new user.account_id = current_account.id user.save users = User.where 'account_id == ?', current_account.id end @user = users[0] @twi = Twi.new @twi.user_id = @user.id @picture = Picture.new @picture.twi_id = @twi.id @msg = '"つぶやき"を入力してください' end

投稿フォームはこちらになります

<%= form_with(model: twi, local: true) do |form| %> <% if twi.errors.any? %> <div id="error_explanation"> <h2><%= pluralize(twi.errors.count, "error") %> prohibited this twi from being saved:</h2> <ul> <% twi.errors.full_messages.each do |message| %> <li><%= message %></li> <% end %> </ul> </div> <% end %> <table> <div class="field"> <tr> <th><%= form.label :ユーザー名 %></th> <td><%= @user.name %></td> </tr> </div> <%= form.fields_for @picture do |p| %> <tr> <th><%= p.label :画像を選択 %></th> <td><%= p.file_field :twiimage %></td> <%= p.hidden_field :user_id %> <%= p.hidden_field :twi_id %> </tr> <% end %> <div class="field"> <tr> <th><%= form.label :呟き %></th> <td><%= form.text_area :msg, cols:40,rows:3 %></td> </tr> </div> <%= form.hidden_field :user_id %> <div class="actions"> <tr> <th></th><td><%= form.submit '投稿する' %></td> </tr> </div> </table> <% end %>

試したこと

・carrierwave導入にあたって
Userモデルと繋いだImageUploaderの他、Pictureモデルと繋いだTwiimageUploader
を作成しました。

・formでの投稿にあたって
複数モデルに同時に送るということでfields_forメソッドを導入しました。

2日間調べたのですがこれ以上解決策が見つからず身動きがとれない状態です・・・
下手な質問で申し訳ありませんがご助力くださいますようお願い申しあげます。

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

Rails 5.1.4
carrierwave 1.2.2

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

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

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

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

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

orange-lion

2018/02/16 10:49

「部分にて@pictureがうまくsaveされていない為、/newに戻ってしまうからです。」のエラー内容を見れば分かるのでは無いでしょうか?
退会済みユーザー

退会済みユーザー

2018/02/16 11:16

アドバイスありがとうございます!ターミナル部分の処理を追記しておきます。
guest

回答1

0

ベストアンサー

rb

1def create 2 @twi = Twi.new(twi_params) 3 @picture = Picture.new 4 @user = User.where('account_id == ?',current_account.id)[0] 5 6 respond_to do |format| 7 begin 8 @twi.save! 9 @picture.save! 10 rescue ActiveRecord::InvalidError => e 11 binding.pry 12 end 13 #if @twi.save && @picture.save 14 # format.html { redirect_to @twi, notice: 'Twi was successfully created.' } 15 # format.json { render :show, status: :created, location: @twi } 16 #else 17 # format.html { render :new } 18 # format.json { render json: @twi.errors, status: :unprocessable_entity } 19 #end 20 end 21end

こんな感じでエラーを捕捉してください
これで binding.pry に捕まらない場合は rescue ActiveRecord::InvalidError => e の部分を

rescue => e binding.pry end

にしてStandardErrorを捕捉してエラーの内容を把握してください
そこから分かると思います

投稿2018/02/16 11:33

orange-lion

総合スコア426

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

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

退会済みユーザー

退会済みユーザー

2018/02/16 12:42

お手数おかけして大変申し訳ありません。 アドバイス本当にありがとうございます! ご指導の通りコードを記述したところ、Validation failed: Twi must existと表示されました。 調べたところ、モデルにoptional: trueを記述すれば良いとあったので、 ``` class Picture < ApplicationRecord belongs_to :twi, optional: true mount_uploader :twiimage, TwiimageUploader end ``` で再度実行したところ、無事 redirect_to '/twis' にレンダリングしました! saveした画像の表示でまた詰まっていますが、1歩前へ進めそうです。 貴重なお時間を割いてアドバイスを頂き、本当にありがとうございました。 また機会がありましたら何卒宜しくお願い致します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問