如何显示存储/应用程序中的用户图像？

Question

如何显示存储文件夹中的图像（外部公共）？我将图像文件存储在 storage/usernamee 中，但无法在视图中显示。如何将上传文件移至“storage/images/”（在文件夹名称“images”下）？

查看

<form class="forms-sample" method="post" action="/updateprofil" enctype="multipart/form-data">
    @method('put')
    @csrf
    <div align="center">
        <img alt="User Pic" src="{{  storage_path($membre->photo) }}" id="profile-image1"
             class="img-circle img-responsive">
        <input id="pic" class="hidden" name="pic" type="file" accept="image/*">
        <div style="color:#999;">click here to change profile image</div>
    </div>
    <input type="hidden" id="idMembre" name="membre_id" value="{{  $membre->id }}">
</form>

控制器

public function updateprofil(Request $request)
{
    $request->validate(['cin' => 'size:8']);

    if ($request->hasFile('pic')) {
        $image = $request->file('pic');
        $filename = time() . '.' . $image->getClientOriginalExtension();
        Image::make($image)->resize(300, 300)->save(storage_path("app/usernamee/" . $filename));
        $request->pic = $filename;
    }

    $membre = Membre::findOrFail($request->membre_id);
    $membre->photo = 'app/usernamee/' . $request->pic;
    $membre->update($request->all());

    return redirect('profil');
}

This is my view of user profile

PS：update 方法适用于信息更新，但不适用于照片。

Answer 1

您需要或需要：

1) 需要将图像保存在storage/app/public 目录中 - 首先您需要将存储路径符号链接到公共：

php artisan storage:link

那么你的方法应该可行。

2) 创建返回图片的路由。

Route::get('show-image/{id}', function() {
   $membre = Membre::findOrFail($id);

   $file = storage_path($membre->photo);

   return response()->file($file);
})