我实际上对我的一个表单存在问题,该问题允许用户更改其个人资料图片。
当我提交文件时,此URI正在加载localhost / projetT / public / profil / icone / 2,但没有任何反应。如果我重新加载URI,因为加载时间非常长,则会出现此错误:该路由不支持GET方法。支持的方法:PUT。我需要帮助。
<div class="container bg-primary rounded mt-4 mb-4" style="min-height: 1300px;"">
<div class="row p-2">
<div class="col-12">
<div class="row h-50">
<div class="col-12 justify-content-center">
<img class="img-fluid d-block bg-dark rounded-circle h-100 mx-auto shadow-lg" src="../public/uploads/{{ Auth::user()->image }}">
</div>
</div>
<div class="row" >
<div class="container-fluid">
<div class="card-body">
<form action="{{ route('profil.icone',['user' => Auth::user()]) }}" method="POST" enctype="multipart/form-data" >
@csrf
@method('PUT')
<div class="row mx-md-n5">
<div class="col">
<input id="avatar" type="file" class="form-control bg-white text-dark border-dark" name="avatar">
</div>
</div>
<div class="row p-3">
<div class="col text-center">
<button type="submit" class="btn btn-default btn-dark text-white" id="enregistre" name="enregistre">Changer de photo</button>
</div>
</div>
</form>
</div>
</div>
</div>
<hr class="bg-dark"></hr>
<div class="row">
<div class="card-body">
<form action="{{ route('profil.edit',['user' => Auth::user()]) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<h3 class="text-light mb-4 rounded bg-dark text-center">Informations du compte</h3>
<div class="pl-lg-6">
<div class="row">
<div class="col-lg-6">
<div class="form-group focused">
<label class="text-dark" for="input-nom" class="text-primary">Nom</label>
<input type="text" id="input-nom" class="form-control validate border-dark font-weight-bold text-dark" name="nom" value="{{ Auth::user()->name }}" disabled="disabled" >
</div>
</div>
<div class="col-lg-6">
<div class="form-group focused">
<label class="text-dark" for="input-prenom">Prenom</label>
<input type="text" id="input-prenom" class="form-control validate border-dark font-weight-bold text-dark" name="prenom" value="{{ Auth::user()->prenom }}" disabled="disabled" >
</div>
</div>
<div class="col-lg-6">
<div class="form-group focused">
<label class="text-dark" for="input-pseudo">Pseudo</label>
<input type="tel" id="input-pseudo" class="form-control validate border-dark font-weight-bold text-dark" name="pseudo" value="{{ Auth::user()->pseudo }}" disabled="disabled">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label class="text-dark" for="input-email">Adresse Email</label>
<input type="email" id="input-email" class="form-control validate border-dark font-weight-bold text-dark" name="mail" value="{{ Auth::user()->email }}" disabled="disabled">
</div>
</div>
<div class="col-lg-6">
<div class="form-group" id="zoneOldMDP">
<!-- zone qui va recevoir les champs pour l'ancien mdp -->
</div>
</div>
<div class="col-lg-6">
<div class="form-group" id="zoneNewMDP">
<!-- zone qui va recevoir les champs pour le nouveau mdp -->
</div>
</div>
<div class="col text-center" id="zoneEnregistrer">
<input class="btn btn-default btn-dark text-white" type="button" id="modifier" name="modifier" value="Modifier">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
所以,我的问题是关于{{route('profil.icone',['user'=> Auth :: user()])}}的第一种形式。] >>
带有{{route('profil.edit',['user'=> Auth :: user()]}}的第二种形式实际上运行良好,并更新了数据库中的数据。单击“修饰符”按钮后,第二个表单的提交按钮将添加到JQuery中。
但是我不明白为什么第一个不起作用,因为这两种形式非常相似,只是动作的名称在变化。
class ProfilController extends Controller { public function index() { return view('profil'); } public function store(ImagesRequest $request, User $user) { $request->validate([ 'avatar' => 'required|image|mimes:jpeg,png,jpg,gif|max:2048' ]); if($request->hasFile('avatar')){ $image = $request->file('avatar'); $filename = time() . '.' . $image->getClientOriginalExtension(); Image::make($image)->resize(300, 300)->save('/uploads/' . $filename ); $user->image = $filename; $user->save(); } return view('profil')->with ('alert', 'Votre photo a été mise à jour'); } public function storeCompte(Request $request, User $user) { $nom = $request->nom; $prenom = $request->prenom; $pseudo = $request->pseudo; $mail = $request->mail; $user->name = $nom; $user->prenom = $prenom; $user->pseudo = $pseudo; $user->email = $mail; $user->save(); return back ()->with ('alert', 'Vos informations ont été mise à jour'); } }
我有关于个人资料的路线;在web.php文件中。
Route::get('/profil', 'ProfilController@index')->name('profil')->middleware('auth'); //route pour mettre a jour sa photo de profil Route::put('/profil/icone/{user}', 'ProfilController@store')->name('profil.icone'); //route pour editer son profil Route::put('/profil/edit{user}', 'ProfilController@storeCompte')->name('profil.edit');
感谢您的帮助。
我实际上对我的一个表单存在问题,该问题允许用户更改其个人资料图片。当我提交文件时,此URI正在加载localhost / projetT / public / profil / icone / 2,但没有加载...
您有a typos
所以,我重新启动了MAMP,因此apache服务器和路由正常工作,我现在有一个'无法将数据写入路径',但我想可以解决它。谢谢。