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

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

ただいまの
回答率

89.07%

複数画像をcarrierwaveでアップロードすると同じものが参照されます(rails)

解決済

回答 1

投稿 編集

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

yamady

score 177

前提・分からないこと

Ruby(RubyonRails)で食べログのような口コミサイト開発中です。
carrierwaveを使って、レストランページにて複数画像をアップロードしたいのですが、なぜか一つの画像を参照してしまいます。
アップロードはactive adminから行なっています。

開発環境:Ruby on Rails 5.0.0.1

① それぞれ画像をアップロードしても...
イメージ説明

② 一つの画像だけが参照されてしまいます
イメージ説明

別件ではありますが、画像と紹介しているレストランと結びつけたいのですが、下記の部分をアルバム名で選択をできるようにしたいと考えています。

イメージ説明

初歩的な質問ですみませんが、お助けくださいませ。

該当するソースコード

アドミンのアルバム(app/admin/album.rb)

ActiveAdmin.register Album do
  permit_params :album_name, :image_1, :image_2, :image_3, :image_4, :image_5, :image_6, :image_7, :image_8, :image_9
  # See permitted parameters documentation:
  # https://github.com/activeadmin/activeadmin/blob/master/docs/2-resource-customization.md#setting-up-strong-parameters
  #
  # permit_params :list, :of, :attributes, :on, :model
  #
  # or
  #
  # permit_params do
  #   permitted = [:permitted, :attributes]
  #   permitted << :other if params[:action] == 'create' && current_user.admin?
  #   permitted
  # end
end


レストランのアドミン(app/admin/restaurant.rb)

ActiveAdmin.register Restaurant do
  permit_params :id, :name, :image, :genre, :access, :hour,
    :address, :phone, :website,
    :description, :seats, :area_id, :album_id, :mapaddress, :latitude, :longitude, albums_attributes: [:image]
  # See permitted parameters documentation:
  # https://github.com/activeadmin/activeadmin/blob/master/docs/2-resource-customization.md#setting-up-strong-parameters
  #
  # permit_params :list, :of, :attributes, :on, :model
  #
  # or
  #
  # permit_params do
  #   permitted = [:permitted, :attributes]
  #   permitted << :other if params[:action] == 'create' && current_user.admin?
  #   permitted
  # end
end

レストランのコントローラー(restaurant_controllers.rb)

class RestaurantsController < ApplicationController
・・・
  def new
    @restaurant = Restaurant.new(create_params)
    9.times { @restaurant.albums.build }
  end

  private

  def restaurant_params
    params.require(:restaurant).permit(:id, :name, :image, :genre, :access, :hour,
    :address, :phone, :website,
    :description, :seats, :area_id, :album_id, :mapaddress, :latitude, :longitude, albums_attributes: [:image])
  end
・・・
end

レストランのモデル(restaurant.rb)

class Restaurant < ApplicationRecord
  has_many :reviews
  belongs_to :area
  belongs_to :album
  mount_uploader :image, ImageUploader
  geocoded_by :mapaddress
  after_validation :geocode
end

アルバムのモデル(album.rb)

class Album < ApplicationRecord
  has_many :restaurants
  mount_uploader :image_1, ImageUploader
  mount_uploader :image_2, ImageUploader
  mount_uploader :image_3, ImageUploader
  mount_uploader :image_4, ImageUploader
  mount_uploader :image_5, ImageUploader
  mount_uploader :image_6, ImageUploader
  mount_uploader :image_7, ImageUploader
  mount_uploader :image_8, ImageUploader
  mount_uploader :image_9, ImageUploader
end

アルバムのマイグレーションファイル

class CreateAlbums < ActiveRecord::Migration[5.0]
  def change
    create_table :albums do |t|
      t.string :image_1
      t.string :image_2
      t.string :image_3
      t.string :image_4
      t.string :image_5
      t.string :image_6
      t.string :image_7
      t.string :image_8
      t.string :image_9

      t.timestamps
    end
  end
end


アルバムアップローダー

class AlbumUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  # include CarrierWave::MiniMagick

  # Choose what kind of storage to use for this uploader:
  storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  # def default_url(*args)
  #   # For Rails 3.1+ asset pipeline compatibility:
  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
  #
  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
  # end

  # Process files as they are uploaded:
  # process scale: [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  # version :thumb do
  #   process resize_to_fit: [50, 50]
  # end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  # def extension_whitelist
  #   %w(jpg jpeg gif png)
  # end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

追記でエラーが発生しました

いただいた通り、albumの下に入れ子を作ってみるとかなり複雑っぽくなってしまい、多々エラーが発生してしまいました。。泣
まず、直したいところは下記2点です。

・active admin上で、アルバムとレストランを紐付けたい
現在はアルバムを選択する項目が消えてしまいました。。下記はレストランを入力するフォームです。
イメージ説明

active_admin側はgemで

・アルバムの画像を表示させるエラーが出てしまいます
NoMethodErrorとなってしまい、ビューの書き方に問題があるかと考えられます。

・active admin上でアルバムを入力するビューになぜか、アルバムIDが不明に2つ出ています。
イメージ説明

ビュー

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <%= image_tag @restaurant.image %>
      </div>
      <div class="item restaurant-image">
        <%= image_tag @restaurant.album.image_1 %>
      </div>
      <div class="item restaurant-image">
        <%= image_tag @restaurant.album.image_2 %>
      </div>
      <div class="item restaurant-image">
        <%= image_tag @restaurant.album.image_3 %>
      </div>
      <div class="item restaurant-image">
        <%= image_tag @restaurant.album.image_4 %>
      </div>
      <div class="item restaurant-image">
        <%= image_tag @restaurant.album.image_5 %>
      </div>
      <div class="item restaurant-image">
        <%= image_tag @restaurant.album.image_6 %>
      </div>
    </div>

■ レストラン側のコード

・レストランのモデル

class Restaurant < ApplicationRecord
  belongs_to :area
  has_many :album
  mount_uploader :image, ImageUploader
  geocoded_by :mapaddress
  after_validation :geocode
end


・レストランのコントローラー(restaurant_controllers.rb)

class RestaurantsController < ApplicationController
・・・
  def restaurant_params
    params.require(:restaurant).permit(:id, :name, :image, :genre, :access, :hour,
    :address, :phone, :website,
    :description, :seats, :area_id, :album_id, :mapaddress, :latitude, :longitude, albums_attributes: [:image])
  end
・・・
end


・レストランとアルバムを紐付けるマイグレーションファイル
日付_album_id_to_restaurants.rb

class AlbumIdToRestaurants < ActiveRecord::Migration[5.0]
  def self.up
    add_column :restaurants, :album_id, :integer
    add_index :restaurants, :album_id
  end

  def self.down
    remove_index :restaurants, :column => :album_id
    remove_column :restaurants, :album_id
  end
end

■ アルバム側のコード
・アルバムのモデル

class Album < ApplicationRecord
  belongs_to :restaurant
  has_many :album_contents
  accepts_nested_attributes_for :album_contents
end

・アルバムのコントローラー

class AlbumController < ApplicationController
  def new
    @album = Album.new(create_params)
    9.times { @album.album_contents.build }
  end

  private

  def create_params
    params.require(:album).permit(album_contents_attributes: [:image])
  end
end


・アルバムのマイグレーションファイル

class CreateAlbums < ActiveRecord::Migration[5.0]
  def change
    create_table :albums do |t|
      t.integer :restaurant_id

      t.timestamps
    end
  end
end


・アルバムの入れ子となるアルバムコンテンツのモデル

class AlbumContent < ApplicationRecord
  belongs_to :album
  mount_uploader :image_1, AlbumContentUploader
  mount_uploader :image_2, AlbumContentUploader
  mount_uploader :image_3, AlbumContentUploader
  mount_uploader :image_4, AlbumContentUploader
  mount_uploader :image_5, AlbumContentUploader
  mount_uploader :image_6, AlbumContentUploader
  mount_uploader :image_7, AlbumContentUploader
  mount_uploader :image_8, AlbumContentUploader
  mount_uploader :image_9, AlbumContentUploader
end

・アルバムコンテンツのマイグレーションファイル

class CreateAlbumContents < ActiveRecord::Migration[5.0]
  def change
    create_table :album_contents do |t|
      t.integer :album_id
      t.string :image_1
      t.string :image_2
      t.string :image_3
      t.string :image_4
      t.string :image_5
      t.string :image_6
      t.string :image_7
      t.string :image_8
      t.string :image_9

      t.timestamps
    end
  end
end

・アルバムとアルバムコンテンツを紐付けるマイグレーションファイル

class AddAlbumRefToAlbumContent < ActiveRecord::Migration[5.0]
  def change
    add_column :album_contents, :album, :refernces
  end
end

いろいろ反省しかありません。。
すみませんが、おたすけくださいませ。

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

checkベストアンサー

+1

CarrierWaveは一つのレコードに一つの画像しか設定できません。
複数の画像を一つのレコードにひもづけたかったら、restrantに対して
Albumを複数用意して、そこに写真を紐づけてください。
(この場合Albumの下にalbaum_contensとかを作った方がいいのかな?)
nested_attributes_forなどを使うと実装が簡単です。
参考

下記の部分をアルバム名で選択をできるようにしたいと考えています。
これもコードを見せていただかないとわかりませんが

f.select :album_id,@albams


f.select :album_id,@albams.pluck(:name,:id)


とすればいいと思います。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2017/05/19 18:33

    mokeさま

    ありがとうございます。Carrier Waveの使い方を理解しておらず、恥ずかしい限りです。いま、あらたにAlbum_contentを作ろうと試みたのですが、下記のようなエラーが生じて進むことができません。。
    これって、いかような処置が必要なのでしょうか><

    SQLite3::SQLException: no such table: album_contents: ALTER TABLE "album_content" ADD "album_id" integer

    キャンセル

  • 2017/05/19 18:39

    こないだお教えしたサンプルはすでにあるテーブルに
    参照idを追加するスクリプトです。
    table等も作るには
    rails g model album_contents album_id:integer #他に必要そうなデータ
    と言った感じでmodelごと作りましょう。

    キャンセル

  • 2017/05/19 20:32

    mokeさま、コメントいただき誠にありがとうございます。
    アルバムコンテンツを作成してみたのですが、多々エラーに苦しむことになりました。。(反省
    上記質問欄に追記いたしましたが、紐づけがだいぶ狂ってしまいました。。(反省

    キャンセル

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

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

関連した質問

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