Laravel - Error: 403 while trying to upload picture - laravel

Question

In my Laravel-5.8, I want to upload picture
Http\Controllers\HomeController
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use App\Models\Hr\HrEmployee;
use App\Http\Requests\Hr\Employee\UploadPictureRequest;
class HomeController extends Controller
{
public function update_picture(UploadPictureRequest $request, $id)
{
DB::beginTransaction();
try{
$employee = HrEmployee::find($id);
if ($request->emp_image != "") {
$emp_image = $request->file('emp_image');
$new_name = rand() . '.' . $emp_image->getClientOriginalExtension();
$emp_image->move(public_path('storage/employees/image'), $new_name);
$employee->emp_image = $new_name;
}
$employee->save();
DB::commit();
Session::flash('success', 'Picture Successfully Uploaded');
return redirect()->route('dashboard');
}
catch (Exception $exception)
{
DB::rollback();
Session::flash('error', 'Action failed!');
return redirect()->back();
}
}
}
view
<span data-toggle="tooltip" data-original-title="Click To Upload Picture">
<a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#upload-picture{{ $employee->id }}" data-original-title="Picture">
<b>Upload My Picture</b>
</a>
</span>
<div class="modal fade" id="upload-picture{{ $employee->id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form action="{{route('update_picture',['id'=>$employee->id])}}" method="post" id="update-picture-form">
{{ csrf_field() }}
<div class="modal-header">
Self-Review Comment
</div>
<div class="col-md-12">
<div class="text-center">
#if($employee->emp_image != '')
<input type="image" src="{{ URL::to('/') }}/public/storage/employees/image/{{ $employee->emp_image }}" class="profile-user-img img-fluid img-circle" id="wizardPicturePreview" title="" width="150" height="165" disabled/>
<!--<input type="file" name="emp_image" id="wizard-picture" class="" hidden>-->
<div class="row">
<div class="col-12 col-sm-4">
<div class="form-group">
</div>
</div>
<div class="col-12 col-sm-4">
<div class="form-group">
<input type="file" name="emp_image" id="wizard-picture" class="form-control">
</div>
</div>
<div class="col-12 col-sm-4">
<div class="form-group">
</div>
</div>
</div>
#else
<input type="image" src="{{asset('theme/adminlte3/dist/img/default.png')}}" class="profile-user-img img-fluid img-circle" id="wizardPicturePreview" title="" width="150" height="150" disabled/>
<!--<input type="file" name="emp_image" id="wizard-picture" class="" hidden>-->
<div class="row">
<div class="col-12 col-sm-4">
<div class="form-group">
</div>
</div>
<div class="col-12 col-sm-4">
<div class="form-group">
<input type="file" name="emp_image" id="wizard-picture" class="form-control">
</div>
</div>
<div class="col-12 col-sm-4">
<div class="form-group">
</div>
</div>
</div>
#endif
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="submit" id="upload_pic_btn-submit" class="btn btn-success btn-ok">Save</button>
</div>
</form>
</div>
</div>
</div>
view\dashboard
The form is a modal form inside a view called dashboard
route/web
Route::get('/dashboard', 'HomeController#index')->name('dashboard');
Route::post('update_picture/{id}', [
'uses' => 'HomeController#update_picture',
'as' => 'update_picture'
]);
When I submited the form, I got this error:
Error: 403 while trying to upload picture
Then when I did php artisan route:list, I got:
| POST | update_picture/{id} | update_picture | App\Http\Controllers\HomeController#update_picture | web,auth |
How do I resolve it?
Thank you.

Answer 1

Or simply you can try this
Route::put('update_picture/{id}''HomeController#update_picture')->name('update_picture');

Answer 2

please add this enctype="multipart/form-data" in form tag
<form action="{{route('update_picture',['id'=>$employee->id])}}" method="post" id="update-picture-form" enctype="multipart/form-data">
and replace this line $new_name = rand() . '.' . $emp_image->getClientOriginalExtension();
with this line $new_name = rand() . '.' . $request->emp_image->getClientOriginalExtension();