[Ruby on Rails 6]写真の投稿に失敗してしまう。

Question

前提・実現したいこと

Ruby on Railsで簡単な写真投稿サイトを作成しております。

新規投稿画面にて写真を選択後、投稿ボタンを押しても、
「Unpermitted parameter: :images」が出てしまい投稿に失敗します。

プレビューにも表示されているように写真の選択はできているはずなのですが、
投稿に失敗する原因がわからないため、ご質問させていただきます。
初心者のため至らない点が多いですがよろしくお願いします。

該当のソースコード

class PostsController < ApplicationController
  before_action :authenticate_user!, only: %i[create destroy new edit]
  before_action :correct_user, only: %i[edit]

  def new
    @post = current_user.posts.build
  end

  def create
    @post = current_user.posts.build(posts_params)
    if @post.save
      redirect_to current_user, flash: { success: "投稿しました。" }
    else
      render :new
    end
  end

  private

  def posts_params
    params.require(:post).permit(
      :title,
      :content,
      { images: [] },
      :tag_list
    )
  end

  def correct_user
    @post = Post.find(params[:id])
    redirect_to(root_url) unless @post.user == current_user
  end
end

<%= javascript_include_tag 'profile_js' %>
<div>
  <h2 class="font-weight-bold text-center">投稿フォーム</h2>
  <div class="form-group mt-5">
  <%= render "layouts/error_message", object: @post %>
  <%= form_for(@post, class: "form") do |f| %>

    <div class=text-center>      
      <div>
        <% if @post.images.present? %>
          <%= image_tag post.images.url, id: :js_imgPrev, size:"600x450", class:"post-prev img-fluid" %>
        <% else %>
          <%= image_tag asset_path("defaultPicture.jpg"), id: :js_imgPrev, size:"300x450", class:"post-prev img-fluid" %>
        <% end %>
      </div>
      <label for="js_presentImg" class="btn btn-warning"><span>画像を選択</span>
        <%= f.file_field :images, accept: 'image/jpeg,image/png', id: :js_presentImg, autofocus: true,
                                    class:"form-control-file", style: "display:none;" %>
      </label>
    </div>
    
    <div class="form-group">
      <label for="name">Title</label>
      <%= f.text_field :title, placeholder: "タイトル", class:"form-control" %>
    </div>

    <div class="form-group">
      <label for="name">説明</label>
      <%= f.text_area :content, placeholder: "説明", class:"form-control" %>
    </div>

    <div class="form-group">
      <label for="name">タグ</label>
      <%= f.text_field :tag_list, value: @post.tag_list.join(','),  placeholder: "タグ（カンマ区切り）", class: "form-control"%>
    </div>

    <div class="actions text-center">
      <%= f.submit "投稿", class: "btn btn-primary" %>
    </div>
  <% end %>
  </div>
</div>

class Post < ApplicationRecord
  belongs_to :user
  default_scope -> { order(created_at: :desc) }
  mount_uploaders :images, ImageUploader
  validates  :images, presence: { message: 'を入力してください。' }
  validates  :user_id, presence: true
  validates  :title, presence: true, length: { maximum: 50 }
end

Processing by PostsController#create as HTML
  Parameters: {"authenticity_token"=>"JNyHLThmTh3Fh1seMb9p2f5x2s5MmPaIieMCqfAG706P061Rxgukgnk6p3AyKg2LFmYFa9FTFdRy6oEthU+CoQ==", "post"=>{"images"=>#<ActionDispatch::Http::UploadedFile:0x00007f942c706df0 @tempfile=#<Tempfile:/var/folders/lh/yyn1dsls4r31qfjwv5thnpnw0000gn/T/RackMultipart20200408-84512-bxsvru.jpg>, @original_filename="top.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"post[images]\"; filename=\"top.jpg\"\r\nContent-Type: image/jpeg\r\n">, "title"=>"あ", "content"=>"あ\r\n", "tag_list"=>"あ"}, "commit"=>"投稿"}
  User Load (0.2ms)  SELECT "users".* FROM "users" WHERE "users"."id" = ? ORDER BY "users"."id" ASC LIMIT ?  [["id", 1], ["LIMIT", 1]]
Unpermitted parameter: :images
  Rendering posts/new.html.erb within layouts/application
  Rendered layouts/_error_message.html.erb (Duration: 0.2ms | Allocations: 121)
  Rendered posts/new.html.erb within layouts/application (Duration: 2.9ms | Allocations: 2392)
[Webpacker] Everything's up-to-date. Nothing to do
  Rendered layouts/_header.html.erb (Duration: 0.5ms | Allocations: 434)
  Rendered layouts/_footer.html.erb (Duration: 0.0ms | Allocations: 5)
Completed 200 OK in 14ms (Views: 8.9ms | ActiveRecord: 0.2ms | Allocations: 10914)

補足情報（FW/ツールのバージョンなど）

Ruby:2.6.5
Rails:6.0.2.1
写真投稿機能:carrierwave

追記

コントローラのposts_paramsメソット内を「　{ images: [] }　→　:images　」と編集した場合、同様のエラーログが表示されました。

Started POST "/posts" for ::1 at 2020-04-09 00:34:59 +0900
   (0.1ms)  SELECT sqlite_version(*)
Processing by PostsController#create as HTML
  Parameters: {"authenticity_token"=>"9Kk54+zTJ83/yISpcCZBXB46Qy5dBMoHMQwiNtGLAN9VaC2E444uhX9xNRJ2efLN9cGpBwSIoJdhjYyMCVDgYQ==", "post"=>{"images"=>[#<ActionDispatch::Http::UploadedFile:0x00007fd720081408 @tempfile=#<Tempfile:/var/folders/lh/yyn1dsls4r31qfjwv5thnpnw0000gn/T/RackMultipart20200409-85994-885wsk.jpg>, @original_filename="top.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"post[images][]\"; filename=\"top.jpg\"\r\nContent-Type: image/jpeg\r\n">], "title"=>"あ", "content"=>"あ", "tag_list"=>"あ"}, "commit"=>"投稿"}
  User Load (0.5ms)  SELECT "users".* FROM "users" WHERE "users"."id" = ? ORDER BY "users"."id" ASC LIMIT ?  [["id", 1], ["LIMIT", 1]]
Unpermitted parameter: :images
  Rendering posts/new.html.erb within layouts/application
  Rendered layouts/_error_message.html.erb (Duration: 0.3ms | Allocations: 121)
  Rendered posts/new.html.erb within layouts/application (Duration: 7.2ms | Allocations: 2400)
[Webpacker] Everything's up-to-date. Nothing to do
  Rendered layouts/_header.html.erb (Duration: 0.8ms | Allocations: 500)
  Rendered layouts/_footer.html.erb (Duration: 0.0ms | Allocations: 5)
Completed 200 OK in 66ms (Views: 29.1ms | ActiveRecord: 0.5ms | Allocations: 36059)

Comments

[gouf]

「Unpermitted parameter: :images」とログが出ていますね
コントローラで「{ images: [] }」と記述している部分を「:images」に変更した場合、なにか変化は見られますか?

[Kazu_p8619]

そのように変更した場合、投稿ボタンを押下時に「undefined method `map' ～」のエラー画面に遷移してしまいます。
詳しいエラー内容とログについては帰宅後追記いたします。

[Kazu_p8619]

エラー画面を追記いたしました。よろしくお願いいたします。

Answer 1

それではnewとcreateを以下の内容に修正するとどうでしょうか？

def new
    @post = Post.new
end

def create
    @post = Post.new(posts_params)
    if @post.save
      redirect_to current_user, flash: { success: "投稿しました。" }
    else
      render :new
    end
end

Comments

[Kazu_p8619]

posts_paramsメソットを
:imagesの場合、エラー画面に遷移してしまいます。
{ images: [] }の場合、メッセージに「・userを入力してください」というメッセージが追加されました。

Answer 2

こんにちは。

Unpermitted parameter: :images

とあるのでimagesのパラメータが許可されていないので投稿に失敗していると思います。
privateのpost_paramsメソッドを以下の内容に変更するとどうでしょうか？

def posts_params
    params.require(:post).permit(
      :title,
      :content,
      :images,
      :tag_list
    )
  end

一度確認してみて下さい。

Comments

[Kazu_p8619]

ご回答いただきありがとうございます。
ご教示いただいた方法で試行してみたのですが、投稿ボタン押下時にエラー画面に遷移してしまいます。
エラー内容を追記いたしました。