【laravel初心者】画像アップロード機能を実装したい

Question

前提・実現したいこと

Laravelで画像アップロード機能を作りたいです。
ブログ投稿フォームに画像をアップロードし、タイトルと本文と一緒にDBに保存したいです。
いろいろ調べたのですが、解決しないためお知恵を借りたいです。
よろしくお願い致します。

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

①BlogRequestファイルにバリデーションを設定しているんですが、imageに設定すると投稿ボタンを押しても「ブログを登録しました」という画面に遷移しません。DBにも保存されていません。
（その部分をコメントアウトすると問題なくDBに保存されます）

↓投稿ボタン押下後↓

↓imageのバリデーションをコメントアウトした場合↓

②storage/app/publicに画像が保存されません。
画像をアップロードすると、phpmyadminのimageカラムに一応保存されています。
ですが、storage/app/publicのファイルには保存されておらず、image_pathカラムはnullです。

やったこと

・php artisan storage:linkの実行
・store関数をstoreAsにする

**<form.blade.php>**
@extends('layout')
@section('title', 'ブログ投稿')
@section('content')
<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <h2>ブログ投稿フォーム</h2>
        <form method="POST" action="{{ route('store') }}" onSubmit="return checkSubmit()"
        enctype=”multipart/form-data”>
        @csrf
            <div class="form-group">
                <label for="title">
                    タイトル
                </label>
                <input
                    id="title"
                    name="title"
                    class="form-control"
                    value="{{ old('title') }}"
                    type="text"
                >
                @if ($errors->has('title'))
                    <div class="text-danger">
                        {{ $errors->first('title') }}
                    </div>
                @endif
            </div>
            <div class="form-group">
                <label for="content">
                    本文
                </label>
                <textarea
                    id="body"
                    name="body"
                    class="form-control"
                    rows="4"
                >{{ old('body') }}</textarea>
                @if ($errors->has('body'))
                    <div class="text-danger">
                        {{ $errors->first('body') }}
                    </div>
                @endif                
            </div>
            <label for="image">
                    画像
            </label>
            <br>
             <input type="file" name="image" accept="image/png, image/jpeg">
            <div class="mt-5">
                <a class="btn btn-secondary" href="{{ route('blogs') }}">
                    キャンセル
                </a>
                <button type="submit" class="btn btn-primary">
                    投稿する
                </button>
            </div>
        </form>
    </div>
</div>
<script>
function checkSubmit(){
if(window.confirm('送信してよろしいですか？')){
    return true;
} else {
    return false;
}
}
</script>
@endsection

**<Blog.php>**
<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Blog extends Model
{
    use HasFactory;
    protected $table = 'blogs2';

    protected $fillable =
    [
        'title',
        'body',
        'image',
        'image_path'
    ];
}

**<BlogRequest.php>**
<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class BlogRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            'title'=>'required | max:100',
            'body' =>'required',
            'image'=>'file | image | mimes:png,jpeg',

        ];
    }
}

<BlogController.php>
public function exeStore(BlogRequest $request)
    {
        // 画像を受け取る
        $upload_image = $request->file('image');

        if($upload_image) {
            //アップロードされた画像を保存
            $path = $upload_image->store('images','public');
            // 画像の保存に成功したらDBに記録する
            if($path){
                Blog::create([
                    "image" => $upload_image->getClientOriginalName(),
                    "image_path" => $path
                ]);
            }
        }
        //ブログのデータ受け取る
        $inputs = $request->all();

        \DB::beginTransaction();
        try{
            //ブログを登録する
            Blog::create($inputs);
            \DB::commit();
        } catch(\Throwable $e) {
            \DB::rollback();
            abort(500);
        }
        
        \Session::flash('err_msg', 'ブログを登録しました。');
        return redirect(route('blogs'));
    }

**<web.php>**
// ブログ登録
Route::post('/blog/store', [BlogController::class, 'exeStore'])->name
('store');

補足情報（FW/ツールのバージョンなど）

MAMPのバージョンは6.0.1(986)
VScodeバージョン: 1.52.1
laravelのバージョンは８です。

Comments

[m.ts10806]

バリデーションの区切りの前後半角スペースって大丈夫でしたっけ。
ドキュメントにはないようですが。何を参考に書いたのでしょう。

[moru]

ご回答ありがとうございます。
バリデーションの書き方については、youtubeにある動画を参考にしました。
半角スペースを無くしても解決はしません。

[m.ts10806]

ちなみに「保存できなくなります」というのは起きてる現象ではないのでは。
何が、起きてますか？画面キャプチャなども提示されたほうが良いかもしれません。

[moru]

ありがとうございます。上記の通り修正致しました。

Answer 1

enctype=”multipart/form-data”

” -> "

これでは

Comments

[moru]

回答ありがとうございます。
enctype=”multipart/form-data”を
enctype=”multipart/form->data”に変えるということですか？

[mikkame]

” この記号がおかしいです

[moru]

すみません、ありがとうございます。
ご指摘の通り直したところ画像ファイルも保存できるようになりました。
ありがとうございます。