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

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

ただいまの
回答率

87.78%

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

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,034

score 13

 前提・実現したいこと

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

現在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

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

質問への追記・修正、ベストアンサー選択の依頼

  • orange-lion

    2018/02/16 19:49

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

    キャンセル

  • wakaba00

    2018/02/16 20:16

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

    キャンセル

回答 1

checkベストアンサー

0

def create
  @twi = Twi.new(twi_params)
  @picture = Picture.new
  @user = User.where('account_id == ?',current_account.id)[0]

  respond_to do |format|
    begin
      @twi.save!
      @picture.save!
    rescue ActiveRecord::InvalidError => e
      binding.pry
    end
    #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

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

rescue => e
  binding.pry
end

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

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/02/16 21: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歩前へ進めそうです。

    貴重なお時間を割いてアドバイスを頂き、本当にありがとうございました。
    また機会がありましたら何卒宜しくお願い致します。

    キャンセル

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

  • ただいまの回答率 87.78%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

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