目的
- ファイルアップロード時にバリデーションエラーで「The file failed to upload.」と出力される問題を解決する。
環境
- ハードウェア環境
項目 | 情報 |
---|---|
OS | macOS Catalina(10.15.5) |
ハードウェア | MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports) |
プロセッサ | 2 GHz クアッドコアIntel Core i5 |
メモリ | 32 GB 3733 MHz LPDDR4 |
グラフィックス | Intel Iris Plus Graphics 1536 MB |
- ソフトウェア環境
項目 | 情報 | 備考 |
---|---|---|
PHP バージョン | 7.4.11 | Homebrewを用いてこちらの方法で導入→Mac HomebrewでPHPをインストールする |
Laravel バージョン | 6.X | commposerを用いてこちらの方法で導入→Mac Laravelの環境構築を行う |
MySQLバージョン | 8.0.21 for osx10.15 on x86_64 | Homwbrewを用いてこちらの方法で導入→Mac HomebrewでMySQLをインストールする |
問題までの経緯
- laravelアプリでファイルをアップロードする機能を作成してファイルサイズ3 MB以下のバリデーションをかけた。
- 7.4 MBの容量のファイルのアップロードを試みた。
問題
-
バリデーションエラーに下記のメッセージが出力されてバリデーションで弾かれた。
The file failed to upload.
問題解決までの経緯
- バリデーションのファイルサイズの記載を削除して再アップロードしても同じバリデーションエラーが発生する。
-
流石にアップロードしたいファイルが大きすぎたと思いバリデーションをファイルサイズ1.6 MB以下に書き直した。
/** * Get the validation rules that apply to the request. * * @return array */ public function rules() { return [ 'subject' => 'required', 'content' => 'required', // 下記を修正 'file' => 'file|max:1600|mimes:jpeg,png,jpg,pdf', ]; } /** * バリデーションエラーメッセージ * * @return array */ public function messages() { return [ 'subject.required' => 'メール件名を記入してください。', 'content.required' => 'メール本文を記入してください。', 'file.max' => '1.6MBを超えるファイルは添付できません。', 'file.mimes' => '指定のファイル形式以外は添付できません。', ]; }
-
1.7 MBの画像ファイルをアップロードしてみたところ下記のバリデーションエラーが出力された。
1.6MBを超えるファイルは添付できません。
これは自分で設定したバリデーションルールによって弾かれていることを表す。
php.iniファイルにアップロードできるファイルサイズの上限を指定している部分があるようなので見てみる。
-
下記方法を使ってphp.iniファイルの場所を突き止めて開いてみた。
-
下記の2つの項目をviの検索機能を用いて検索した。
-
post_max_size
: PHPが受け入れる投稿データの最大サイズ -
upload_max_filesize
: アップロードされたファイルの最大許容サイズ
-
-
下記のように
post_max_size
は8 MB、upload_max_filesize
は2 MBと指定されていた。 どうやらセキュリティ上の理由からアップロードファイルのサイズに制限がかかっているようだ。
7.4 MBのファイルをアップロードする際に弾かれたので
upload_max_filesize
に弾かれたと思われる。sudoコマンドを駆使しviでphp.iniを開き
post_max_size
とupload_max_filesize
をそれぞれ「10M」に修正した。-
laravelのバリデーションの記載を下記のように修正した。
/** * Get the validation rules that apply to the request. * * @return array */ public function rules() { return [ 'subject' => 'required', 'content' => 'required', // 下記を修正 'file' => 'file|max:10000|mimes:jpeg,png,jpg,pdf', ]; } /** * バリデーションエラーメッセージ * * @return array */ public function messages() { return [ 'subject.required' => 'メール件名を記入してください。', 'content.required' => 'メール本文を記入してください。', 'file.max' => '10 MBを超えるファイルは添付できません。', 'file.mimes' => '指定のファイル形式以外は添付できません。', ]; }
7.4 MBの容量のファイルのアップロードを試みたところバリデーションに弾かれることなくファイルアップロードをすることができた。