Image posting function

Introduction

When creating the original application, we implemented a function to post images, so I will post it so that I will not forget it. There were various methods when I looked it up with Qiita etc., but this time I used a function called Active Storage of Rails.

1. Introduction of Active Storage and image processing tools

1. Install ImageMagic in the terminal

Terminal

% brew install imagemagick

Gemfile

gem 'mini_magick'
gem 'image_processing', '~> 1.2'

Terminal

rails active_storage:install

Terminal

rails db:migrate

2. Save the image

This time we will implement it assuming that it will be entwined with the Post table

1. Associate the Active Storage table and Post table using the has_one_attached method

Post model

class Post < ApplicationRecord
  has_one_attached :image
end

Post controller

#Omission
  private
  def post_params
    params.require(:post).permit(:hoge, :fuga, :image)
  end

3. Image display

Display an image using the image_tag method

Post view

#Omission
  <div class='post'>
    <%= image_tag post.image, class: 'post-image' %>
  </div>