複数ファイルのアップロードが出来ません

Question

Nuxt.jsからaxiosでRails APIを叩いて複数のPDFファイルのアップロードを行いたいと思っております。
RailsではActive Storageを使用しています。

1つのファイルのアップロードは実装することが出来たのですが、複数ファイルになると上手くいきません。

試行錯誤し以下のようなソースを書いてみたところ、unpermitted parameter filesというエラーがでてファイルがアップロードできません。

どこに問題があるのかさっぱり分からないのですが、何かヒントを頂けないでしょうか...

// nuxt

<template>
  <div>
    <v-card>
      <v-card-title>PDF登録フォーム</v-card-title>
      <v-form>
        <input
          type="file"
          @change="onChange"
          accept="application/pdf"
          multiple
        />
        <v-btn @click="upload">
          アップロード
        </v-btn>
      </v-form>
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      files: ''
    }
  },
  methods: {
    onChange(event) {
      this.files = event.target.files
    },
    upload() {
      const formData = new FormData()

      const pdfs = []
      for (let i = 0; i < this.files.length; i++) {
        pdfs.push(this.files[i])
      }
      formData.append('user[files[]]', pdfs)

      this.$axios
        .$put(`/users/${this.$store.$auth.user.id}`, formData, {
          headers: {
            'Content-Type': 'multipart/form-data'
          }
        })
        .then((response) => {
          console.log(response.data.status)
        })
        .catch((error) => {
          console.log(error)
        })
    }
  }
}
</script>

# models/user.rb

class User < ApplicationRecord
  include Rails.application.routes.url_helpers
  has_secure_password
  has_many_attached :files
end

# controllers/api/v1/users_controller.rb

module Api
  module V1
    class UsersController < ApplicationController
      before_action :authenticate_user
      before_action :set_user, only: [:show, :update, :destroy]

      wrap_parameters :user, include: [:name, :email, :url, :student_number, :admin, :password, :password_confirmation]

      def update
        if @user.update(user_params)
          render json: { status: 'SUCCESS', message: 'Updated the user', data: @user }
        else
          render json: { status: 'SUCCESS', message: 'Not updated', data: @user.errors }
        end
      end

      private

      def set_user
        @user = User.find(params[:id])
      end

      def user_params
        params.require(:user).permit(:name, :email, :avatar, :password, :password_confirmation, files: [])
      end
    end
  end
end

Answer 1

      const pdfs = []
      for (let i = 0; i < this.files.length; i++) {
        pdfs.push(this.files[i])
      }
      formData.append('user[files[]]', pdfs)

の箇所を

        for (const file of this.files) {
          formData.append('user[files][]', file)
        }

に変更したら解決致しました。