アイコンの画像をアップロードしたい。

Question

前提・実現したいこと

Laravelで掲示板アプリを作成しています。ユーザーのアイコンを登録できるようにしたいのですが、画像をアップロードしようとすると次のようなエラーが発生してしまいます。画像の保存はAWSのS3に保存されるように指定しています。

発生している問題・エラーメッセージ

The icon must be a file.
The icon must be an image.
The icon must be a file of type: jpeg, png.

アップロードを試みたファイルの種類はpngでしたが上記のエラーが発生しました。

該当のソースコード

RegisterController

<?php

namespace App\Http\Controllers\Auth;

use App\User;
use App\Http\Controllers\Controller;
use Illuminate\Support\Facades\Validator;
use Illuminate\Foundation\Auth\RegistersUsers;

class RegisterController extends Controller
{
    /*
    |--------------------------------------------------------------------------
    | Register Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles the registration of new users as well as their
    | validation and creation. By default this controller uses a trait to
    | provide this functionality without requiring any additional code.
    |
    */

    use RegistersUsers;

    protected $redirectTo = '/';

    public function __construct()
    {
        $this->middleware('guest');
    }

    protected function validator(array $data)
    {
        return Validator::make($data, [
            'name' => 'required|string|max:191',
            'email' => 'required|string|email|max:191|unique:users',
            'password' => 'required|string|min:6|confirmed',
            'icon' => [
              'required',
              'file',
              'image',
              'mimes:jpeg,png',
            ]
        ]);
    }

    protected function create(array $data)
    {
        $filename='';
        if ($request->file('icon')->isValid([])) {
            $filename = $request->file('icon')->store('img');
            
            
            $image = $request->file('icon');

            // バケットの`*****`フォルダへアップロード
            $path = Storage::disk('s3')->putFile('*****', $image, 'public');
            
            $url = Storage::disk('s3')->url($path);
        }
        
        return User::create([
            'name' => $data['name'],
            'email' => $data['email'],
            'password' => bcrypt($data['password']),
            'icon' => $data['icon'],
        ]);
    }
}

register.blade.php

@extends('layouts.app')

@section('content')
    <div class="text-center">
        <h1>会員登録</h1>
    </div>

    <div class="row">
        <div class="col-sm-6 offset-sm-3">

            {!! Form::open(['route' => 'signup.post']) !!}
                <div class="form-group">
                    {!! Form::label('name', '氏名') !!}
                    {!! Form::text('name', old('name'), ['class' => 'form-control']) !!}
                </div>

                <div class="form-group">
                    {!! Form::label('email', 'メールアドレス') !!}
                    {!! Form::email('email', old('email'), ['class' => 'form-control']) !!}
                </div>
                
                <div class="form-group">
                    {!! Form::label('icon', 'アイコン') !!}
                    {!! Form::file('icon') !!}
                </div>

                <div class="form-group">
                    {!! Form::label('password', 'パスワード') !!}
                    {!! Form::password('password', ['class' => 'form-control']) !!}
                </div>

                <div class="form-group">
                    {!! Form::label('password_confirmation', 'パスワード（確認）') !!}
                    {!! Form::password('password_confirmation', ['class' => 'form-control']) !!}
                </div>

                {!! Form::submit('登録', ['class' => 'btn btn-primary btn-block']) !!}
            {!! Form::close() !!}
        </div>
    </div>
@endsection

@extends('layouts.app')

@section('content')
    @if (Auth::check())
        <div class="row">
            <aside class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{ Auth::user()->name }}</h3>
                    </div>
                    <div class="card-body">
                        <img src="{{Auth::user()->icon}}" width="150" height="150">
                    </div>
                </div>
            </aside>
        </div>
    @else
        <div class="center-jumbotron">
            <div class="text-center">
                <h1>**************</h1>
                <h3>**************</h3>
                <p>{!! link_to_route('signup.get', '新規登録はこちら', [], ['class' => 'btn btn-lg btn-primary']) !!}</p>
                
            </div>
        </div>
    @endif
@endsection

ファイルの種類が合っているのにエラーが発生してしまったのかがわかりません。わかる方がいらっしゃいましたらご回答よろしくお願いいたします。

Comments

[m.ts10806]

jpgは通るのでしょうか

[ucchii]

jpgでもダメでした。

[m.ts10806]

んー。formタグどうなってます？
multipartついてないとかありませんか？

[ucchii]

上記の{!! Form:: がフォームタグの代わりをしています。別の機能での画像アップロードではmultipartの指定をせずにアップロードできたのでつけていませんでした。

[m.ts10806]

multipart指定しないとそもそもどのようなファイルも送信されないので、ついてるか、Ajaxで送信されたどちらかだと思います。
formファサードでformタグは今回の記述だけで出力されないように思いますが、出力されたHTMLはどうなってますか？
質問本文に追記してください。
できればblade側も全文追加願います。

[ucchii]

画像の投稿が成功しているファイルを共有するということでしょうか？

[m.ts10806]

いいえ。
あくまで現在のコードとブラウザに出力されたHTMLを追記してもらいたいだけです。質問は編集できます。
他者が再現できる情報が揃っていません。再現できなくても、可否を判断できる情報が足りてません。

[ucchii]

編集いたしました。確認よろしくお願いいたします。

Answer 1

表示されるときのhtmlを提示してください。

Comments

[ucchii]

すみません。文が最後まで表示されていないのでもう一度投稿を願えますか？

[m.ts10806]

当該ユーザーは何かしらの利用規約違反で凍結されたようなので(プロフィール見ようとしたらわかります)たぶん返ってきません。

[ucchii]

あら。。本当ですね。教えていただきありがとうございます。