Laravel图片上传路径存储错误及最佳实践

use App\Models\User;
use Illuminate\Http\Request; // 确保引入Request类
use Illuminate\Support\Facades\Storage; // 确保引入Storage Facade

class CreateNewUser implements CreatesNewUsers
{
    use PasswordValidationRules;

    public function create(array $input)
    {
        $request = request(); // 获取当前请求实例

        // 1. 在处理图片之前初始化User模型
        $user = new User; 
        // 假设这里会处理其他用户数据，例如：
        // $user->name = $input['name'];
        // $user->email = $input['email'];
        // $user->password = Hash::make($input['password']);

        // 2. 处理头像上传
        if ($request->hasFile('photo')) {
            // 获取文件名和扩展名
            $filenamewithExt = $request->file('photo')->getClientOriginalName();
            $filename = pathinfo($filenamewithExt, PATHINFO_FILENAME);
            $extension = $request->file('photo')->getClientOriginalExtension();

            // 生成唯一的文件名
            $filenameToStore = $filename.'_'.time().'.'.$extension;

            // 将图片上传到公共存储盘 (public disk)
            // 'profile-photos' 是存储图片的文件夹
            // putFileAs 方法会返回文件在磁盘上的相对路径，例如 'profile-photos/PP_1637044275.jpg'
            $path = $request->file('photo')->storeAs('profile-photos', $filenameToStore, 'public');

            // 将存储路径保存到用户模型的 profile_photo_path 字段
            // $path 已经是我们需要的相对路径
            $user->profile_photo_path = $path;
        } else {
            // 如果没有上传图片，可以设置一个默认头像路径或留空
            $user->profile_photo_path = null; // 或者 'default-profile-photos/default.jpg'
        }

        // 3. 完成用户其他数据的赋值和保存
        // ... (其他用户数据赋值)
        // $user->save(); // 最终保存用户数据到数据库

        return $user;
    }
}

'disks' => [
    // ... 其他磁盘配置
    'public' => [
        'driver' => 'local',
        'root' => storage_path('app/public'),
        'url' => env('APP_URL').'/storage',
        'visibility' => 'public',
    ],
    // ...
],

$path = $request->file('photo')->storeAs('profile-photos', $filenameToStore, 'public');

<img src="{{ asset('storage/' . $user->profile_photo_path) }}" alt="Profile Photo">

<form method="POST" action="{{ route('register') }}" enctype="multipart/form-data">
    @csrf
    <!-- ... 其他表单字段 ... -->
    <input name="photo" id="fileInput" accept="image/*" class="hidden" type="file" 
    @change="let file = document.getElementById('fileInput').files[0];
      var reader = new FileReader();
      reader.onload = (e) => image = e.target.result;
      reader.readAsDataURL(file);">
</form>