アクティブストレージに画像が保存されない

Question

イベントを投稿できるアプリを作っているのですが、アクティブストレージに画像が保存されません。saveメソッドの後にparamsを確認するとimagesがpermitted: false>とエラーが起きていました。親モデルとアソシエーションを組みストロングパラメーターにはカラムを記載していたのですがなぜか保存できません。他に原因があれば教えていただければと思います

event_model

class Event < ApplicationRecord
  extend ActiveHash::Associations::ActiveRecordExtensions
  belongs_to :user
  has_many_attached :images
  belongs_to :facility
  belongs_to :scale
  belongs_to :category
  has_many :event_tag_relations, dependent: :destroy
  has_many :tags, through: :event_tag_relations, dependent: :destroy
end
```event_controller
```ここに言語を入力
class EventsController < ApplicationController
  def index
    @events = Event.all
  end

  def new
    @event = EventsTag.new
    #binding.pry
  end

  def create
    
    @event = EventsTag.new(event_params)
    binding.pry
    if @event.valid?
      #binding.pry
      @event.save
      
      redirect_to root_path
    else
      render :new
    end
  end

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

  def show
    @event = Event.find(params[:id])
  end

  def edit
    @event = Event.find(params[:id])
     unless @event.user_id == current_user.id
       redirect_to action: :index
     end
  end

  def update
    event = Event.find(params[:id])
    if event.update(event_params)
    redirect_to event_path
    else
    render :show
    end
  end

  def destroy
    @event = Event.find(params[:id])
    if @event.destroy
      redirect_to root_path
    end
  end

  private

  def event_params
    params.require(:events_tag).permit(:name, :explanation, :facility_id, :scale_id, :category_id, :volunteer, :tagname, images: []).merge(user_id: current_user.id)
  end
```new.html
```ここに言語を入力
<div class="field">
            <label class="label">画像</label>
            <%= f.file_field :images, name: 'event[images][]', id: 'event_image', class:"select-box-image" %>
              <div id="image-list"></div>
          </div>
          
```new.html
```ここに言語を入力
<div class="main">
  <div class="inner">
    <div class="form__wrapper">
      <span class="page-heading">
        新規投稿
      </span>
          <%= form_with model: @event, url: events_path, local: true do |f| %>
            <%= render 'shared/error_messages', model: f.object %>
            <div class="field">
            <label class="label">イベント名</label>
            <%= f.text_field :name, class: :form_control %>
          </div>

          <div class="field">
            <label class="label">説明</label>
            <%= f.text_area :explanation, class: :form__text %>
          </div>

          <div class="field">
            <label class="label">ボランティア（任意)</label>
            <%= f.text_area :volunteer, class: :form__text %>
          </div>

          <div class="field", id='tag-field'>
            <label class="label">タグ</label>
            <%= f.text_field :tagname, class:"input-tag" %>
          </div>
            <div class="kouho", id="search-result" >
            </div>
    
          <div class="field">
            <label class="label">施設種類</label>
            <%= f.collection_select(:facility_id, Facility.all, :id, :name, {}, {class:"select-box"}) %>
          </div>
    
          <div class="field">
            <label class="label">規模</label>
            <%= f.collection_select(:scale_id, Scale.all, :id, :name, {}, {class:"select-box"}) %>
          </div>
    
          <div class="field">
            <label class="label">カテゴリー</label>
            <%= f.collection_select(:category_id, Category.all, :id, :name, {}, {class:"select-box"}) %>
          </div>

          <div class="field">
            <label class="label">画像</label>
              <%= f.file_field :images, multiple: true, name: 'event[images][]', id: 'event_image', class:"select-box-image" %> 
              <div id="image-list"></div>
          </div>
          

          <div class="actions">
            <%= f.submit "保存する", class: :form__btn  %>
    
          </div>
         <% end %>
         
    </div>
  </div>
</div>

Answer 1

has_many_attachedと複数の画像を紐付ける場合はそのFormに multiple: trueと書いて上げる必要があったと思います。

<%= f.file_field :images, multiple: true, id: 'event_image', class:"select-box-image" %>

paramsは images: []になっているので正しそうですね

 def event_params
    params.require(:events_tag).permit(:name, :explanation, :facility_id, :scale_id, :category_id, :volunteer, :tagname, images: []).merge(user_id: current_user.id)
  end

Comments

[souda-takeru]

ありがとうございます。ご指摘いただいたコードを入力しましたが変わりませんでした。ちなみに送られるparamsのエラーはこのようになっています。何かの参考になればと思います。何度も申し訳ありません

[souda-takeru]

<ActionController::Parameters {"authenticity_token"=>"vO4uBFJLtNdbpcUwjDPvi+cw/RRLQM10T3IxrsS/FVQf2dqKWEt+yPmRTsnJmyif55Yt1EoCTQA5HsBF6E9VcQ==", "events_tag"=><ActionController::Parameters {"name"=>"s", "explanation"=>"s", "volunteer"=>"s", "tagname"=>"", "facility_id"=>"2", "scale_id"=>"2", "category_id"=>"2"} permitted: false>, "event"=>{"images"=>[#<ActionDispatch::Http::UploadedFile:0x00007f8c149fb5a8 @tempfile=

[hatsu]

paramsのevents_tagの中にimagesはなく、eventの中にimagesが入っているのが問題です。
全体のHTMLがどうなっているのかわからないですが、events_tagのparamsの中にimagesを入るよう修正が必要です。

[souda-takeru]

アドバイスありがとうございます。events_tagはフォームオブジェクトのmodelなのですがそちらのmodelとアクティブストレージでアソシエーションを組むとのことでしょうか？試しに組んでみたのですが同じエラーが起きてしまいました。それとも新規登録のビューを修正する必要があるとのことでしょうか？

[hatsu]

name: 'event[images][]'の部分がparamsのevent_tagsではなくeventにimagesを入れてしまっている原因な気がします。削除するとどうでしょうか

[souda-takeru]

ありがとうございます。name: 'event[images][]'を消してみた所unknown attribute 'images' for EventsTag.
とimagesが定義されていないエラーが起きてしまいました。また調べた所nameの後に指定するのは空のインスタンスを生成したモデルの為、name: 'events_tag[images][]'とフォームオブジェクトのモデル名に変更しても同様のエラーがおきました。

[souda-takeru]

またname属性を付与する理由は複数の画像を配列として保存する為とにことでした。name: 'events_tag[images][]の記載は合っており他に原因がありそうなのですがご意見ありますでしょうか。何度も申し訳ありません

[hatsu]

unknown attribute 'images' ってことはFormオブジェクトのEventsTagにimagesが定義されていないと思いました。EventsTagのFormオブジェクトでimagesを定義していますか？

[hatsu]

Formオブジェクトにのattr_accessorに:imagesをつけてください。

[souda-takeru]

attr_accessorとevent = Event.createにimagesを追記しましたら無事保存することができました！長い時間本当にありがとうございました！