上传头像

app/Handlers/ImageUploadHandler.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Handlers;
+
+use  Illuminate\Support\Str;
+
+class ImageUploadHandler
+{
+    // 只允许以下后缀名的图片文件上传
+    protected $allowed_ext = ["png", "jpg", "gif", 'jpeg'];
+
+    public function save($file, $folder, $file_prefix)
+    {
+        // 构建存储的文件夹规则，值如：uploads/images/avatars/201709/21/
+        // 文件夹切割能让查找效率更高。
+        $folder_name = "uploads/images/$folder/" . date("Ym/d", time());
+
+        // 文件具体存储的物理路径，`public_path()` 获取的是 `public` 文件夹的物理路径。
+        // 值如：/home/vagrant/Code/larabbs/public/uploads/images/avatars/201709/21/
+        $upload_path = public_path() . '/' . $folder_name;
+
+        // 获取文件的后缀名，因图片从剪贴板里黏贴时后缀名为空，所以此处确保后缀一直存在
+        $extension = strtolower($file->getClientOriginalExtension()) ?: 'png';
+
+        // 拼接文件名，加前缀是为了增加辨析度，前缀可以是相关数据模型的 ID
+        // 值如：1_1493521050_7BVc9v9ujP.png
+        $filename = $file_prefix . '_' . time() . '_' . Str::random(10) . '.' . $extension;
+
+        // 如果上传的不是图片将终止操作
+        if ( ! in_array($extension, $this->allowed_ext)) {
+            return false;
+        }
+
+        // 将图片移动到我们的目标存储路径中
+        $file->move($upload_path, $filename);
+
+        return [
+            'path' => config('app.url') . "/$folder_name/$filename"
+        ];
+    }
+}

app/Http/Controllers/UsersController.php

@@ -5,6 +5,7 @@
 use Illuminate\Http\Request;
 use App\Models\User;
 use App\Http\Requests\UserRequest;
+use App\Handlers\ImageUploadHandler;
 
 class UsersController extends Controller
 {
@@ -18,9 +19,18 @@ public function edit(User $user)
         return view('users.edit', compact('user'));
     }
 
-    public function update(UserRequest $request, User $user)
+    public function update(UserRequest $request, ImageUploadHandler $uploader, User $user)
     {
-        $user->update($request->all());
+        $data = $request->all();
+
+        if ($request->avatar) {
+            $result = $uploader->save($request->avatar, 'avatars', $user->id);
+            if ($result) {
+                $data['avatar'] = $result['path'];
+            }
+        }
+
+        $user->update($data);
         return redirect()->route('users.show', $user->id)->with('success', '个人资料更新成功！');
     }
 }

app/Models/User.php

@@ -18,6 +18,7 @@ class User extends Authenticatable implements MustVerifyEmail
         'email',
         'password',
         'introduction',
+        'avatar',
     ];
 
     protected $hidden = [

public/uploads/images/avatars/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

resources/views/users/edit.blade.php

@@ -13,7 +13,9 @@
       </div>
 
       <div class="card-body">
-        <form action="{{ route('users.update', $user->id) }}" method="POST" accept-charset="UTF-8">
+        <form action="{{ route('users.update', $user->id) }}" method="POST"
+          accept-charset="UTF-8"
+          enctype="multipart/form-data">
           <input type="hidden" name="_method" value="PUT">
           <input type="hidden" name="_token" value="{{ csrf_token() }}">
 
@@ -31,6 +33,16 @@
             <label for="introduction-field">个人简介</label>
             <textarea name="introduction" id="introduction-field" class="form-control" rows="3">{{ old('introduction', $user->introduction) }}</textarea>
           </div>
+
+          <div class="mb-4">
+            <label for="" class="avatar-label form-label">用户头像</label>
+            <input type="file" name="avatar" class="form-control">
+            @if($user->avatar)
+              <br>
+              <img class="thumbnail img-responsive" src="{{ $user->avatar }}" width="200" />
+            @endif
+          </div>
+
           <div class="well well-sm">
             <button type="submit" class="btn btn-primary">保存</button>
           </div>