在 laravel 问题中删除上传的个人资料图片并重置为默认图片

Question

我有一个带有用户照片的用户更新表单。目前我正在我的用户 table 的专栏中保存我的用户照片（文件名）。

问题

我正在尝试在用户想要删除上传的图片时添加删除照片按钮。一旦用户单击删除照片按钮，用户的 propic 列值需要重置为默认值 (user-photo.png)。我只需要为更新了个人资料照片的用户显示删除照片按钮。使用默认个人资料照片的用户不需要该选项。

到目前为止我做了什么

这是我的表单，用户 blade

<form action="{{ route('settings.update',$user->id) }}" method="POST" enctype="multipart/form-data">
            <div class="row mt-5">
                <div class="col-sm-3">
                    <img src="/propics/{{$user->propic}}" alt="Profile Pic" id="profile_pic_display" class="mb-3">
                    <input type="file" name="propic" class="form-control"> 
                    @error('propic')
                    <span class="help-block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                    @enderror
                </div>
                <div class="col-sm-9">
                <!-- <form action="{{ route('settings.update',$user->id) }}" method="POST"> -->
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-6">

                            <div class="form-group field-user-firstname required">
                                <label class="control-label"
                                       for="user-firstname">{{ __('sentence.First Name') }}</label>
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                       name="name" value="{{$user->name}}" autocomplete="name" autofocus>

                                @error('name')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group field-user-lastname required">
                                <label class="control-label" for="user-lastname">{{ __('sentence.Last Name') }}</label>
                                <input id="last_name" type="text"
                                       class="form-control @error('name') is-invalid @enderror" name="last_name"
                                       value="{{$user->last_name}}" autocomplete="last_name" autofocus>

                                @error('name')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group field-user-mobile required">
                                <label class="control-label" for="user-mobile">{{ __('sentence.Mobile') }}</label><br/>
                                <input id="mobile_1" type="tel"
                                       class="form-control @error('mobile') is-invalid @enderror" name="mobile"
                                       value="{{$user->mobile}}" style="min-width:398px;" autocomplete="mobile"
                                       autofocus>

                                @error('mobile')
                                <span class="help-block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group field-user-email required">
                                <label class="control-label" for="user-email">{{ __('sentence.Email') }}</label>
                                <input id="email_" type="email"
                                       class="form-control @error('email') is-invalid @enderror" name="email"
                                       value="{{$user->email}}" autocomplete="email">

                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-sm">
                            <div class="form-group pull-right">
                                <button type="submit"
                                        class="btn btn-default">{{ __('sentence.Cancel') }}</button>
                                <button type="submit"
                                        class="btn btn-default subscribe px-5">{{ __('sentence.Update') }}</button>
                            </div>
                        </div>
                    </div>
                </div>

        </form>

下面是我的控制器（只有更新功能）

public function update(Request $request, User $setting)
        {

            $changedAttributes = array_diff($request->all(), $setting->getAttributes());

            $validationRules = array_intersect_key([
               'name'      => ['required', 'alpha','min:2', 'max:255'],
               'last_name' => ['required', 'alpha','min:5', 'max:255'],
               'mobile'    => ['required', 'numeric','min:9','regex:/\+(9[976]\d|8[987530]\d|6[987]\d|5[90]\d|42\d|3[875]\d|
               2[98654321]\d|9[8543210]|8[6421]|6[6543210]|5[87654321]|
               4[987654310]|3[9643210]|2[70]|7|1)\d{1,14}$/'],
               'email'     => ['required', 'string', 'email', 'max:255', 'unique:users,email,'.$setting->id.''],
               'propic' => ['required','image','mimes:jpeg,png,jpg,gif,svg','max:2048'],
           ], $changedAttributes);

           if($request->hasFile('propic'))
           {
                $this->validate($request, [
                    'name' => ['required', 'alpha','min:2', 'max:255'],
                    'last_name' => ['required', 'alpha','min:5', 'max:255'],
                    'mobile' => ['required', 'numeric','min:9','regex:/\+(9[976]\d|8[987530]\d|6[987]\d|5[90]\d|42\d|3[875]\d|2[98654321]\d|9[8543210]|8[6421]|6[6543210]|5[87654321]|4[987654310]|3[9643210]|3[70]|7|1)\d{1,14}$/'],
                    'email' => ['required', 'string', 'email', 'max:255', 'unique:users,email,'.$setting->id.''],
                    'propic' => ['required','image','mimes:jpeg,png,jpg,gif,svg','max:2048'],
                ],$request->all());

                $imageName = time().'.'.$request->propic->extension();  
                $request->propic->move(public_path('propics'), $imageName);
                $setting->propic=$imageName;
                $setting->name=$request->input('name');
                $setting->last_name=$request->input('last_name');
                $setting->mobile=$request->input('mobile');
                $setting->email=$request->input('email');
                $setting->update();
                return Redirect::back()->with('success',__('sentence.User updated successfully'));  
           }

           $this->validate($request, $validationRules);

           $setting->update($changedAttributes);

           return Redirect::back()->with('success',__('sentence.User updated successfully'));  

        }

}

Answer 1

首先，如果用户个人资料照片不是 "user-photo.png"，您需要检查您的视图，如果是，请插入一个按钮来重置照片：

@if($user->propic != 'user-photo.png')
    <button type="submit" name="resetphoto" class="btn btn-warning">Reset Profile Pic</button>
@endif

然后在控制器中 update() 方法的开头检查用户是否点击了 "Reset Profile Pic" 按钮，然后如果是 true 则将列设置回默认值，然后保存模型

if ($request->has('resetphoto')){
    $setting->propic = 'user-photo.png';
    $setting->update();
    return Redirect::back()->with('success',__('sentence.User profile pic reset successfully'));
}

PS：我假设您的“$setting”是用户模型

在 laravel 问题中删除上传的个人资料图片并重置为默认图片

Remove uploaded profile picture and reset to default image in laravel issue

php

mysql

sql-update

laravel

laravel-6