編集機能について現状わかっていること

edit.html.haml

.container.proto-new
  = form_for @prototype do |f|
    = f.hidden_field :user_id, value: current_user.id
    .col-md-8.col-md-offset-2
      %header.row.user-nav.row
        .col-md-12
          %h4 Title
          .proto-new-title
            = f.text_field :title, required: true, autofocus: true, placeholder: "Input Title"
      .row
        .col-md-12
          %h4 Main Thumbnail
          .cover-image-upload#main_image_uploader
            - i = 1
            = f.fields_for :captured_images, @prototype.captured_images do |image|
              - if image.status == 0
                %img#selected_image_0
                = image.file_field :content
                = image.hidden_field :status, value: "main"
                = image.hidden_field :order, value: 0
              - elsif image.status == 1
                = image.file_field :content
                = image.hidden_field :status, value: "sub"
                = image.hidden_field :order, value: i
                -  i += 1

      /   .col-md-12
      /     %h4 Sub Thumbnails
      /     %ul.proto-sub-list.list-group
      /       - 3.times do |i|
      /         %li.list-group-item.col-md-4
      /           .image-upload
      /             = f.fields_for :captured_images do |image|
      /               %img(id='selected_image_#{i+1}')
      /               = image.file_field :content
      /               = image.hidden_field :status, value: "sub"
      /               = image.hidden_field :order, value: i + 1
      / .row.proto-description
      /   .col-md-12
      /     %h4 Catch Copy
      /     = f.text_field :catch_copy, require: true, placeholder: "Input Catch Copy"
      /   .col-md-12
      /     %h4 Concept
      /     = f.text_area :concept, require: true, placeholder: "Input Concept"
      / .row.text-center.proto-btn
      / = f.submit "SAVE", id: "button", class: "btn btn-lg btn-primary btn-block"

prortotypes_controller.rb

  def edit
    @prototype.captured_images.find_or_initialize_by(order: 0)
    3.times do |i|
      @prototype.captured_images.find_or_initialize_by(order: i)
    end
  end

説明

いろいろいじっていたら致命的なバグを見つけました。

メイン画像のみを選んだ場合はよいのですが、メイン画像とサブ画像１枚の合計２枚を登録した場合、
そのプロトタイプの編集時に、inputタグが１枚の画像につき２つ出現しています。
これが合計３枚だと３つ、４枚だと４つとどんどん増えてしまいます。

（これが、captured_images_attribut_16_contentとかわけのわからない数字がでてしまっていた原因です。）

これの根本的な原因ですが
fields_forは紐づくcaptured_images全てに対して展開されるため、
editアクションのviewにてfields_forが呼ばれるたびに、
選択された画像それぞれに対していちいち展開されてしまう点でした。

この問題を解消するには、ひとつのviewでfields_forを１回だけ呼んで、
その中で４枚の画像分のインプットを条件分岐で展開してあげる必要があると考えられます。

また、コントローラでは新規登録時に登録されていない分の画像のインスタンスを新規作成するとよいのではないかと思います。

上が、こんなかんじで書いたらいいんではないかというコードなのですが、いまのところstatusがundefinedというエラーが出て進みません。

もし編集機能に取り組まれるようでしたら、以上参考にしてやってみていただけると幸いです。