formのinput valueを配列で受け取っても先頭しか登録されない

Question

rails5.2です。

画像の複数登録を作ってます。
複数画像を選んで登録すると、先頭の画像ファイルしか保存されません。

carriewaveを使っており、JSONで受け取るようにしてます。

create_table :items do |t| 
      t.json :images

ビューは以下のようになっており、

      <div class="form-image">
        <div class="form-image__title">
          <%= f.label :images %> <%= label_tag(:images, "（任意）", class: 'optional_field') %>
          <div class="form-image__text">10枚まで追加できます</div>
          <%= f.fields_for :images do |image| %>
            <div class="clearfix">
              <!-- 写真のプレビューとインプットボタンのul -->
              <ul id="previews">
                <li class="input">
                  <label class="upload-label">
                    <div class="upload-label__text">
                      <p>ドラッグアンドドロップまたはクリックしてファイルをアップロード</p>
                      <div class="input-area">
                        <%= image.file_field :image, name: "item[images][]", class: "hidden image_upload",multiple: true %>
                      </div>
                    </div>
                  </label>
                </li>
              </ul>
            </div>
          <% end %>
        </div>
      </div>

配列で受け取れるように、このようにしました。

name: "item[images][]"

配列の指定が悪いのかと思い、

name: "item[][images]"

のようにすると、登録時に
「このページは動作していませんこの問題が何度も発生する場合は、サイト所有者にお問い合わせください。
HTTP ERROR 400」
というエラーになりました。

サーバログ

Invalid or incomplete POST params
Started POST "/items" for 58.13.43.197 at 2020-09-01 04:28:13 +0000
Cannot render console from 58.13.43.197! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
  
Rack::QueryParser::ParameterTypeError (expected Array (got Rack::QueryParser::Params) for param `item'):
  
rack (2.2.2) lib/rack/query_parser.rb:109:in `normalize_params'
rack (2.2.2) lib/rack/multipart/parser.rb:195:in `block (2 levels) in result'
rack (2.2.2) lib/rack/multipart/parser.rb:104:in `get_data'
rack (2.2.2) lib/rack/multipart/parser.rb:193:in `block in result'
rack (2.2.2) lib/rack/multipart/parser.rb:127:in `block in each'
rack (2.2.2) lib/rack/multipart/parser.rb:127:in `each'
rack (2.2.2) lib/rack/multipart/parser.rb:127:in `each'
rack (2.2.2) lib/rack/multipart/parser.rb:192:in `result'
rack (2.2.2) lib/rack/multipart/parser.rb:81:in `parse'
rack (2.2.2) lib/rack/multipart.rb:54:in `extract_multipart'
rack (2.2.2) lib/rack/request.rb:594:in `parse_multipart'
rack (2.2.2) lib/rack/request.rb:446:in `POST'
actionpack (5.2.4.3) lib/action_dispatch/http/request.rb:382:in `block (2 levels) in POST'
actionpack (5.2.4.3) lib/action_dispatch/http/parameters.rb:109:in `block in parse_formatted_parameters'
actionpack (5.2.4.3) lib/action_dispatch/http/parameters.rb:109:in `fetch'
actionpack (5.2.4.3) lib/action_dispatch/http/parameters.rb:109:in `parse_formatted_parameters'
actionpack (5.2.4.3) lib/action_dispatch/http/request.rb:381:in `block in POST'
rack (2.2.2) lib/rack/request.rb:69:in `fetch'
rack (2.2.2) lib/rack/request.rb:69:in `fetch_header'
actionpack (5.2.4.3) lib/action_dispatch/http/request.rb:380:in `POST'
actionpack (5.2.4.3) lib/action_dispatch/http/parameters.rb:55:in `parameters'
actionpack (5.2.4.3) lib/action_dispatch/http/filter_parameters.rb:43:in `filtered_parameters'
actionpack (5.2.4.3) lib/action_controller/metal/instrumentation.rb:23:in `process_action'
actionpack (5.2.4.3) lib/action_controller/metal/params_wrapper.rb:256:in `process_action'
activerecord (5.2.4.3) lib/active_record/railties/controller_runtime.rb:24:in `process_action'
actionpack (5.2.4.3) lib/abstract_controller/base.rb:134:in `process'
actionview (5.2.4.3) lib/action_view/rendering.rb:32:in `process'
actionpack (5.2.4.3) lib/action_controller/metal.rb:191:in `dispatch'
actionpack (5.2.4.3) lib/action_controller/metal.rb:252:in `dispatch'
actionpack (5.2.4.3) lib/action_dispatch/routing/route_set.rb:52:in `dispatch'
actionpack (5.2.4.3) lib/action_dispatch/routing/route_set.rb:34:in `serve'
actionpack (5.2.4.3) lib/action_dispatch/journey/router.rb:52:in `block in serve'
actionpack (5.2.4.3) lib/action_dispatch/journey/router.rb:35:in `each'
actionpack (5.2.4.3) lib/action_dispatch/journey/router.rb:35:in `serve'
actionpack (5.2.4.3) lib/action_dispatch/routing/route_set.rb:840:in `call'
rack (2.2.2) lib/rack/tempfile_reaper.rb:15:in `call'
rack (2.2.2) lib/rack/etag.rb:27:in `call'
rack (2.2.2) lib/rack/conditional_get.rb:40:in `call'
rack (2.2.2) lib/rack/head.rb:12:in `call'
actionpack (5.2.4.3) lib/action_dispatch/http/content_security_policy.rb:18:in `call'
rack (2.2.2) lib/rack/session/abstract/id.rb:266:in `context'
rack (2.2.2) lib/rack/session/abstract/id.rb:260:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/cookies.rb:670:in `call'
activerecord (5.2.4.3) lib/active_record/migration.rb:559:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/callbacks.rb:28:in `block in call'
activesupport (5.2.4.3) lib/active_support/callbacks.rb:98:in `run_callbacks'
actionpack (5.2.4.3) lib/action_dispatch/middleware/callbacks.rb:26:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/executor.rb:14:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/debug_exceptions.rb:61:in `call'
web-console (3.7.0) lib/web_console/middleware.rb:135:in `call_app'
web-console (3.7.0) lib/web_console/middleware.rb:22:in `block in call'
web-console (3.7.0) lib/web_console/middleware.rb:20:in `catch'
web-console (3.7.0) lib/web_console/middleware.rb:20:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/show_exceptions.rb:33:in `call'
railties (5.2.4.3) lib/rails/rack/logger.rb:38:in `call_app'
railties (5.2.4.3) lib/rails/rack/logger.rb:26:in `block in call'
activesupport (5.2.4.3) lib/active_support/tagged_logging.rb:71:in `block in tagged'
activesupport (5.2.4.3) lib/active_support/tagged_logging.rb:28:in `tagged'
activesupport (5.2.4.3) lib/active_support/tagged_logging.rb:71:in `tagged'
railties (5.2.4.3) lib/rails/rack/logger.rb:26:in `call'
sprockets-rails (3.2.1) lib/sprockets/rails/quiet_assets.rb:13:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/remote_ip.rb:81:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/request_id.rb:27:in `call'
rack (2.2.2) lib/rack/method_override.rb:24:in `call'
rack (2.2.2) lib/rack/runtime.rb:22:in `call'
activesupport (5.2.4.3) lib/active_support/cache/strategy/local_cache_middleware.rb:29:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/executor.rb:14:in `call'
actionpack (5.2.4.3) lib/action_dispatch/middleware/static.rb:127:in `call'
rack (2.2.2) lib/rack/sendfile.rb:110:in `call'
railties (5.2.4.3) lib/rails/engine.rb:524:in `call'
puma (4.3.5) lib/puma/configuration.rb:228:in `call'
puma (4.3.5) lib/puma/server.rb:713:in `handle_request'
puma (4.3.5) lib/puma/server.rb:472:in `process_client'
puma (4.3.5) lib/puma/server.rb:328:in `block in run'
puma (4.3.5) lib/puma/thread_pool.rb:134:in `block in spawn_thread'
^A^C- Gracefully stopping, waiting for requests to finish

複数画像(input value)の配列を登録するにはどうすれば良いでしょうか？

宜しくお願いします。

Answer 1

js側が原因でした。
お騒がせしました。