.. _image:

******
 画像
******

各学生の顔写真を表示できるようにしよう。

モデルの各データに対して、ファイルをアップロードして添付することができる。

* 参考資料： `Active Storage の概要 - Railsガイド <https://railsguides.jp/active_storage_overview.html>`_

=====================
Active Storage の準備
=====================

Active Storage が使用するデータベースを作成する。 ::

  # rails active_storage:install
  # rails db:migrate

アップロードしたファイルは、サーバのディスクに保存することもできるし、Amazon S3 などのクラウドサービスに保存することもできる。ここでは、デフォルトの ``config/storage.yml`` に ``local`` という名前で書いてある設定を使う。

.. code-block:: yaml

   local:
     service: Disk
     root: <%= Rails.root.join("storage") %>

* アプリケーションディレクトリの中の ``storage`` というディレクトリに保存する。

``config/environments/development.rb`` の中に ``config/storage.yml`` で書いた設定のどれを使うかを書く。デフォルトで既に ``local`` と書いてあるので、何もしなくてよい。

.. code-block:: ruby

   config.active_storage.service = :local

==========================
アプリケーションを変更する
==========================

モデル
------

各学生について写真は1枚だけとし、添付ファイルの名前を ``photo`` にする。

``app/models/student.rb`` の中の ``Student`` クラスに次の行を書き加える。

.. code-block:: ruby

   has_one_attached :photo

入力フォーム
------------

学生のデータを入力するフォーム（ ``app/views/students/_form.html.erb`` ）に、写真をアップロードするためのフィールドを加える。

.. code-block:: erb

   <div class="field">
     <%= form.label :photo %>
     <%= form.file_field :photo %>
   </div>

コントローラ
------------

フォームのパラメータで ``photo`` を受け取れるように ``student_params`` を修正。

.. code-block:: ruby

   def student_params
     params.require(:student).permit(:name, :faculty_id, :grade, :photo)
   end

画像の表示
----------

学生の詳細ページ（ ``app/views/students/_student.html.erb`` ）で写真を表示する。

.. code-block:: erb

   <p>
     <% if student.photo.attached? %>
       <%= image_tag url_for(student.photo), height: 100 %>
     <% else %>
       No Image
     <% end %>
   </p>

* 添付ファイルが存在しないと ``url_for`` がエラーになるので、 ``attached?`` メソッドでチェックしている。


==============
 今日のまとめ
==============

`ここまでのソースコードはこちら <https://github.com/takashihattori/sfc-script-lang/tree/chapter11>`_