ActionView::Helpers::FormHelper

file_field

API ドキュメント（Rails 8.1.4.1） ↗
def file_field(object_name, method, options = {})

説明

モデルの属性に紐づく、type="file" の <input> を作ります。

引数

値を変えると、ERB と HTML が変わります。

object_name:user
method:avatar
options= {}
multiple: true のときだけ使います。true にすると、file の <input> と同じ name で、value が空の hidden の <input> を前に追加します。デフォルトでは hidden の <input> を追加します。config.active_storage.multiple_file_field_include_hidden が true のためです（load_defaults 7.0 以降）。
["image/png", "image/jpeg"]
渡した値で accept を追加します。配列はカンマでつなぎます。
true にすると、Active Storage のダイレクトアップロード用の URL を値にして、data-direct-upload-url を追加します。Active Storage のルートがなければ、何も追加しません。このサイトの URL は本物と同じ形のダミーで、アップロードは受け付けません。
ヘルパー共通の options

Rails はどのヘルパーでも、これらの options を同じように処理します。HTML の仕様で <input type="file"> に使えないものや、使う場面が少ないとこのサイトで判断したものは、ここでは省いています。

フォームヘルパー共通

true にすると、multiple 属性を追加し、name 属性の値の最後に [] を追加します。
"q"
自動で作る name 属性の値の代わりに、渡した値を使います。nil を渡すと、name 属性を追加しません。
nil
自動で作る id 属性の値の代わりに、渡した値を使います。nil を渡すと、id 属性を追加しません。

すべてのヘルパー共通

true にすると disabled="disabled" を追加し、false にすると追加しません。readonly、required、autofocus など、Rails が持っている一覧（BOOLEAN_ATTRIBUTES）にある HTML 属性はどれも同じで、値が false と nil 以外なら 属性名="属性名" の形で追加します。
{active: true, hidden: false}
Hash を渡すと、値が false と nil 以外のキーを空白でつなぎます。配列を渡すと、nil、false、空の文字列（空白だけの文字列も）を外して、空白でつなぎます。
{controller: "tags", tags_suggestions_value: ["ruby", "rails"]}
Hash を渡すと、キーの _ を - にして、data-* 属性を追加します。値に配列や Hash を渡すと、JSON の文字列にします。
{describedby: ["name_help", "name_error"], invalid: false}
:data と同じく、aria-* 属性を追加します。値が配列なら、nil と空の文字列を外して、空白でつなぎます（何も残らなければ、追加しません）。値が Hash なら、値が false と nil 以外のキーを空白でつなぎます。
ここにない options は、<input type="file"> の HTML 属性になります。値が nil なら、その HTML 属性は追加しません。

ERB

直前との違い： 追加 削除 変更


          

        


        

          

            
HTML

          

          

            
            

          

        


        

          

            
プレビュー

            

              
              
                
プレビューを操作すると、フォーム送信の内容が変わります。


            

          


          

            
フォーム送信

            

              
フォームデータ

              

                
namevalue

                
              

              

                リクエストボディを見る
                
Content-Type：

                

              

              

                
params

                

              

                
このサイトでは、ファイルの中身は先頭の 128 バイトまでを送ります。リクエストボディでは、ファイルの中身を (binary) と出します。また、params の欄では、サーバー上の一時ファイルのパスを伏せています（(hidden)）。