Laravel 7：用户个人资料在上传img和个人简介时导致错误

如何解决Laravel 7：用户个人资料在上传img和个人简介时导致错误

在laravel 7应用程序中，我正在使用一项功能，用户可以上传其图像配置文件和个人简介。我面临的一个问题是，在某些情况下，当用户设置其个人资料图像时，个人描述会消失。例如：如果用户设置了他们的个人资料img并添加了描述，但是如果用户设置了另一个img，则描述将消失。不太清楚是什么原因导致的错误。 （我正在使用引导程序模式供用户编辑其个人资料。）

controller.php

public function modalEditPost(Request $request)
{
        $user = Auth::user();
        $avatarName = "";
        $userBio = "";
        $request->validate([
            'bio' => 'nullable|string|max:255','image' => 'mimes:jpeg,png,jpg,gif,svg|max:2048',]);

        if ($request->has('bio')) {

            $userBio = $request->bio;
            $user->bio = $userBio;
        }

        if ($request->hasFile('image')) {

            if ($request->file('image')->isValid()) {

                $extension = $request->image->extension();

                $avatarName = $user->id.'_avatar'.time().'.'.$extension;

                $request->image->move(public_path('/uploads/avatars'),$avatarName);

                $user->avatar = $avatarName;
            }
        }

        $user->save();

        return back()
            ->with('success','You have successfully edited your bio.')
            ->with('bio',$userBio)
            ->with('image',$avatarName);

}

index.blade.php

@include('partials.popup')
        <div class="col-md-4">
            <div class="card card-user">
                <div class="card-body">
                    <p class="card-text">
                        <div class="author">
                            <div class="block block-one"></div>
                            <div class="block block-two"></div>
                            <div class="block block-three"></div>
                            <div class="block block-four"></div>
                            <img class = "avatar" src="/uploads/avatars/{{ Auth::user()->avatar}}" alt="">
                            <h4 class="title">{{ auth()->user()->first_name }} {{ auth()->user()->last_name }}</h5>
                        </div>
                        <div class="card-description">
                            {{ Auth::user()->bio }}
                        </div>
                    <br>
                    <div class="text-center">
                        <button class="btn btn-success"
                                style="cursor: pointer"
                                data-toggle="modal"
                                data-target="#popupModal">{{ __('Edit Profile') }}
                        </button>
                    </div>
                </div>
            </div>

popup.blade.php

<div class="modal-body">
                <!-- (Image upload) Start -->
                @if ($message = Session::get('success'))
                <div class="alert alert-success alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                        <strong>{{ $message }}</strong>
                </div>
                @endif

                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <!-- (Image upload) Start -->
                <form action="{{ route('modal.upload.post') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <input type="file" name="image" class="form-control-file">
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col">
                            <p>Change Bio</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                           <input type="text" style="color:black" name="bio" class="form-control">
                        </div>
                    </div>
                    <br>
                    <div class="col-md-6">
                        <button type="submit" class="btn btn-success">Update</button>
                    </div>
                </form>
                <!-- (Image upload) End -->
            </div>