初めに

プログラミングスクールでは、Active Storageを使って１つの投稿に１枚の写真を保存する方法を学びました。今回、ポートフォリオ制作時に複数枚保存できるといいな、と思って色々調べて実装したのでここにまとめておきます。

完成形

それでは、実装していきます！
（画像の単数枚投稿が既に頭に入っているという前提で実装方法を説明していきます）

gem "image_processing", ">= 1.2"

※モデル、テーブル、カラムを作成するときに、画像を保存するためのカラムは必要ありません。
※ここではPostモデルとします。

#例）今回はこの記述を使っていきます。
@post = Post.new

def post_params
  params.require(:post).permit(:caption, :user_id)
end

post.rbに以下のように記述します。

has_many_attached :images　
#画像複数枚投稿

（参考）以下の記述は、画像単数投稿の際の記述です👇

has_one_attached :image
#画像単数枚投稿

【単数枚投稿との相違点】
①oneがmanyになっている
②imageがimagesになっている

def post_params
  params.require(:post).permit(:caption, :user_id, post_images: [])
end

（参考）以下の記述は、画像単数投稿の際の記述です👇

def post_params
  params.require(:post).permit(:caption, :user_id, :image)
end

【単数枚投稿との相違点】
・ストロングパラメータで受け取る値が、配列になっている

<%= form_with model: @post do |f| %>
  <%= f.file_field :images, multiple: true, class: 'form-control' %>
<% end %>
#画像複数枚投稿

（参考）以下の記述は、画像単数投稿の際の記述です👇

<%= form_with model: @post do |f| %>
  <%= f.file_field :image, class: 'form-control' %>
<% end %>
#画像単数枚投稿

【単数枚投稿との相違点】
①imageがimagesになっている
②form_withの記述に、multiple: true が追加されている

これで機能は実装されました！
しかし、１つの投稿に画像を複数枚保存できるようになったことで問題点が生まれました。

この問題に関して、少しでも改善するように記述を変更したりしたので、後ほど記事にしてまとめておきます🤗

参考資料はこちらです。
https://railsguides.jp/active_storage_overview.html
何か間違いや改善すべきところがあればご指摘ください！！