Formオブジェクト・画像複数投稿の実装

Question

前提・実現したいこと

Ruby on Railsにて画像や動画をメッセージやタイトルと共に投稿するアプリケーションを作成中です。
画像データの投稿をできるようにしたいです。

発生している問題・エラーメッセージ

投稿機能、画像の複数データ投稿実装完了後
タグ付け機能を実装するため投稿機能とタグ付け機能で
Formオブジェクトを用いて実装したところタイトルやメッセージは投稿できたが
画像データが保存できませんでした。

追記
現状なぜか画像１つは保存できましたが
２つめからは保存されません

画像データはActiveStorageを用いてDBへ保存する予定です

params
=> <ActionController::Parameters {"authenticity_token"=>"tw/q0vYN6CD3eHIVdpxGkUWCNQINctf3lIsnvsrS+JuSrJedRv9QRHXBU6yj6PnKjkgPEIkWc/6r3POKnVThrA==", "message_tag"=>{"title"=>"imgtest", "message"=>"imgimg", "whom"=>"imgimgimg", "open_plan(1i)"=>"2025", "open_plan(2i)"=>"5", "open_plan(3i)"=>"5", "images"=>[#<ActionDispatch::Http::UploadedFile:0x00007f8dccf5cd30 @tempfile=#<Tempfile:/var/folders/pg/6dn2c_091hb4pfr45vz6w9fr0000gn/T/RackMultipart20210113-12924-vajy1.jpg>, @original_filename="snowboard_1542357277.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"message_tag[images][]\"; filename=\"snowboard_1542357277.jpg\"\r\nContent-Type: image/jpeg\r\n">], "name"=>"imgtest"}, "message"=>{"images"=>[#<ActionDispatch::Http::UploadedFile:0x00007f8dccf5ca88 @tempfile=#<Tempfile:/var/folders/pg/6dn2c_091hb4pfr45vz6w9fr0000gn/T/RackMultipart20210113-12924-96ks7s.jpg>, @original_filename="TimeCapsule2.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"message[images][]\"; filename=\"TimeCapsule2.jpg\"\r\nContent-Type: image/jpeg\r\n">]}, "commit"=>"想いを残す", "controller"=>"messages", "action"=>"create"} permitted: false>

message_params
=> <ActionController::Parameters {"title"=>"imgtest", "whom"=>"imgimgimg", "message"=>"imgimg", "open_plan(1i)"=>"2025", "open_plan(2i)"=>"5", "open_plan(3i)"=>"5", "name"=>"imgtest", "images"=>[#<ActionDispatch::Http::UploadedFile:0x00007f8dccf5cd30 @tempfile=#<Tempfile:/var/folders/pg/6dn2c_091hb4pfr45vz6w9fr0000gn/T/RackMultipart20210113-12924-vajy1.jpg>, @original_filename="snowboard_1542357277.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"message_tag[images][]\"; filename=\"snowboard_1542357277.jpg\"\r\nContent-Type: image/jpeg\r\n">], "user_id"=>1} permitted: true>

該当のソースコード

class Message < ApplicationRecord
  belongs_to :user
  has_many_attached :images
  has_one_attached :video
  has_many :message_tag_forms, dependent: :destroy
  has_many :tags, through: :message_tag_forms
end

class Tag < ApplicationRecord
  has_many :messages, through: :message_tag_forms
  has_many :message_tag_forms

  validates :name, uniqueness: true
end

class MessageTag

  include ActiveModel::Model
  include ActiveModel::Attributes
  include ActiveRecord::AttributeAssignment
  attr_accessor :title, :whom, :open_plan, :message, :images, :video, :name, :user_id

  with_options presence: true, length: { maximum: 50 } do
    validates :title
    validates :whom
  end
  
  with_options presence: true do
    validates :message, length: { maximum: 200 }
    validates :open_plan
    validates :user_id
    validates :name, length: { maximum: 20 }
  end

  def save
    @message = Message.create(title: title, whom: whom, open_plan: open_plan, message: message, images: images, video: video, user_id: user_id)
    tag = Tag.where(name: name).first_or_initialize
    tag.save

    MessageTagForm.create(message_id: message.id, tag_id: tag.id)
  end
end

class MessagesController < ApplicationController
  before_action :authenticate_user!, except: [:index]

  def index
    @messages = Message.includes(:user).order("created_at DESC")
  end

  def new
    @message = MessageTag.new
  end

  def create
    @message = MessageTag.new(message_params)
    if @message.valid?
      @message.save
      return redirect_to root_path
    else
      render :new
    end
  end

  def show
    @message = Message.find(params[:id])
  end

  def edit
    @message = Message.find(params[:id])
    if current_user.id != @message.user.id
      redirect_to root_path
    end
  end

  def update
    @message = Message.find(params[:id])
    if @message.update(message_params)
      redirect_to message_path(@message.id)
    else
      render :edit
    end
  end

  def destroy
    @message = Message.find(params[:id])
    if current_user.id == @message.user.id
      @message.destroy
      redirect_to root_path
    end
  end

  def search
    return nil if params[:keyword] == ""
    tag = Tag.where(['name LIKE ?', "%#{params[:keyword]}%"] )
    render json:{ keyword: tag }
  end

  private
  def message_params
    params.require(:message_tag).permit(:title, :whom, :message, :open_plan, :name, :video, images: []).merge(user_id: current_user.id)
  end
end

<div class="new-message">
  <h1>残したい想い</h1>
  <%= form_with model: @message, url: messages_path, local: true do |f| %>
  <%= render 'shared/error_messages', model: f.object %>
  <div class="posting-form">
    <div class="form">
      タイトル
      <span class="indispensable">必須</span>
    </div>
    <%= f.text_field :title, class:"form-title", id:"form-title", placeholder:"タイトル名(必須 50文字以内)", maxlength:"50" %>
    <div class="form">
      メッセージ
      <span class="indispensable">必須</span>
    </div>
    <%= f.text_area :message, class:"form-message", id:"form-message", placeholder:"メッセージ内容(必須 200文字以内)例)20年後の子供の誕生日に見て欲しい動画です。" ,rows:"5", maxlength:"200" %>
    <div class="form">
      誰に対してか
      <span class="indispensable">必須</span>
    </div>
    <%= f.text_field :whom, class:"form-whom", id:"form-whom", placeholder:"誰に宛てたものか(必須 50文字以内)例)20年後の子どもたちへ", maxlength:"50" %>
    <div class="form">
      開封予定日
      <span class="indispensable">必須</span>
    </div>
    <div class="form-open-plan">
      <%= raw sprintf(
                  f.date_select(
                    :open_plan,
                    class: 'open-plan-object',
                    use_month_numbers: true,
                    prompt:'--',
                    start_year: (Time.now.year),
                    end_year: (Time.now.year + 100),
                    date_separator: '%s'),
                  "<p> 年 </p>", "<p> 月 </p>") + "<p> 日 </p>" %>
    </div>
    <div class="form-caution">
      ※※※画像か動画どちらか1つの投稿にしてください。※※※
    </div>
    <div class="image-form">
      <div class="form">
      届ける想い(画像)
      </div>
      <div class="click-upload">
        <p>クリックしてファイルをアップロード</p>
        <%= f.file_field :images, name: 'message_tag[images][]', id:"form-image" %>
        <div id="image-list"></div>
      </div>
    </div>
    <div class="video-form">
      <div class="form">
      届ける想い(動画)
      </div>
      <div class="click-upload">
        <p>クリックしてファイルをアップロード</p>
        <%= f.file_field :video, id:"form-video" %>
      </div>
    </div>
    <div class="tag-form">
    タグ
    </div>
    <%= f.text_field :name, id:"form-tag", placeholder:"誕生日", maxlength:"20"%>
  </div>
  <div class="message-btn-contents">
    <%= f.submit "想いを残す" ,class:"message-btn" %>
    <%= link_to 'もどる', root_path, class:"back-btn" %>
  </div>
  <% end %>

</div>

Comments

[m.ts10806]

画像の実体はどこに保存する想定の設計ですか？
DB / サーバー / その他

[shunxile]

ActiveStorageを用いてDBに保存しようと思っています