画像を同時に複数保存させたい

Question

解決したいこと

画像を同時に複数保存したい。

現状

現在、フリマアプリを実装中です。
商品出品時に画像を投稿できる様にしているのですが、１枚しか保存されない状況です。
選択画面では複数の画像を選択できるが、create処理を実行すると最初の１枚しか保存されていません。

試したこと

:multiple => true をfile_fieldのオプションで追加したが効果なし。

記述コード

new.html.haml

省略
    .new_page_main__index
      = form_with model: @product, local: true do |form|
        .new_page_main__photo
          %span.label_title 
            出品画像
          %span.required 必須
          %p.upload_limit 最大10枚までアップロードできます
          #image-box-1
            .item-num-0#image-box__container
          %div.photo_space
            ドラッグ&ドロップまたはクリックしてファイルをダウンロード
            .file__box
              = form.fields_for :product_photos do |m|
                = m.label :photo, class: "form-image" do
                  = m.file_field :photo, :multiple => true, type: 'file', id:"img-file"
                  %label{for: "img-file"}
                    %i.fas.fa-camera
省略

products_controller.rb

 def new
    @product = Product.new
    @product.product_photos.build
  end

  def create
    product = Product.new(product_params)
    if product.save
     redirect_to root_path, notice: '出品しました。'
    else
      render :new
    end
  end

  
  private
  def product_params
    params.require(:product).permit( :name, :explanation, :category_id, :status, :bear, :brand, :days, :price, product_photos_attributes: {photo: []}).merge(exhibitor_user_id: current_user.id)
  end
end

product_photo.rb

class ProductPhoto < ApplicationRecord
  belongs_to :product, optional: true

  mount_uploaders :photo, ImgNameUploader
end

product.rb

class Product < ApplicationRecord

省略
  belongs_to :exhibitor_user ,class_name: "User"
  belongs_to :buyer_user ,class_name: "User", optional: true

  accepts_nested_attributes_for :product_photos, allow_destroy: true

省略
end

Answer 1

解決

以下の記述にすることで解決できました。

              #image-box
                #previews
                  - if @product.persisted?
                    - @product.photos.each_with_index do |photo, i|
                      = image_tag product.photo.url, data: { index: i }, width: "100", height: '100'
                = form.fields_for :product_photos do |image|
                  .js-file_group{"data-index" => image.index}
                    = image.file_field :photo, class: 'js-file'
                    %br
                    %span.js-remove 削除
                  - if @product.persisted?
                    = image.check_box :_destroy, data:{ index: image.index }, class: 'hidden-destroy'
                - if @product.persisted?
                  .js-file_group{"data-index" => @product.photos.count}
                    = file_field_tag :photo, name: "product[product_photos_attributes][#{@product.photos.count}][photo]", class: 'js-file'
                    .js-remove 削除