完成头像上传与更新

app/index/controller/IndexController.php

@@ -374,7 +374,7 @@ class IndexController extends BaseController
         try {
             // 验证上传的文件
             validate([
-                'image' => 'filesize:51200|fileExt:jpg,png,gif,jpeg'
+                'image' => 'filesize:51200|fileExt:jpg,png,gif,jpeg,webp'
             ])->check($file);
 
             // 存储文件到public磁盘的uploads目录

app/index/controller/UserController.php

@@ -140,34 +140,20 @@ class UserController extends BaseController
     public function logout()
     {
         try {
-            // 记录退出日志
             Log::record('用户退出登录', 'info');
             
-            // 1. 清除所有 session
+            // 清除所有会话和缓存数据
             session(null);
-
-            // 2. 清除所有 cookie
-            // 正确的删除 cookie 方式
-            cookie('user_id', null, ['expire' => -1]);
-            cookie('user_account', null, ['expire' => -1]);
-            cookie('user_name', null, ['expire' => -1]);
-            cookie('user_avatar', null, ['expire' => -1]);
-            cookie('expire_time', null, ['expire' => -1]);
-            cookie('is_auto_login', null, ['expire' => -1]);
-            cookie('auto_login_attempted', null, ['expire' => -1]);
-
-            // 3. 清除缓存
             Cache::tag('user_cache')->clear();
             
-            // 4. 返回成功状态，并告诉前端清除 localStorage
+            // 清除所有cookie
-            return json([
+            $cookies = ['user_id', 'user_account', 'user_name', 'user_avatar', 
-                'code' => 0,
+                       'expire_time', 'is_auto_login', 'auto_login_attempted', 'PHPSESSID'];
-                'msg' => '退出成功',
+            foreach ($cookies as $cookie) {
-                'data' => [
+                cookie($cookie, null, ['expire' => -1]);
-                    'clear_storage' => true
+            }
-                ]
-            ]);
 
+            return json(['code' => 0, 'msg' => '退出成功', 'data' => ['clear_storage' => true]]);
         } catch (\Exception $e) {
             Log::record('退出登录失败：' . $e->getMessage(), 'error');
             return json(['code' => 1, 'msg' => '退出失败：' . $e->getMessage()]);
@@ -395,8 +381,8 @@ class UserController extends BaseController
             }
 
             $ext = strtolower($file->getOriginalExtension());
-            if (!in_array($ext, ['jpg', 'jpeg', 'png', 'gif'])) {
+            if (!in_array($ext, ['jpg', 'jpeg', 'png', 'gif', 'webp'])) {
-                return json(['code' => 1, 'msg' => '只支持jpg、jpeg、png、gif格式的图片']);
+                return json(['code' => 1, 'msg' => '只支持jpg、jpeg、png、gif、webp格式的图片']);
             }
 
             // 移动到指定目录

app/index/view/user/component/avatar.php

@@ -159,8 +159,8 @@ layui.use(['upload', 'layer'], function(){
             if (!file) return;
 
             // 检查文件类型
-        if (!['image/jpeg', 'image/png', 'image/gif'].includes(file.type)) {
+            if (!['image/jpeg', 'image/png', 'image/gif', 'image/webp'].includes(file.type)) {
-            layer.msg('请上传 jpg、png 或 gif 格式的图片');
+                layer.msg('请上传 jpg、png、webp 或 gif 格式的图片');
                 return;
             }
 
@@ -199,13 +199,26 @@ layui.use(['upload', 'layer'], function(){
                 .then(data => {
                     layer.close(loadIndex);
                     if (data.code === 0) {
-                layer.msg('头像上传成功', {icon: 1});
+                        // 更新cookie中的头像
+                        document.cookie = "user_avatar=" + data.data.url + "; path=/";
+
+                        // 更新localStorage中的头像
+                        localStorage.setItem('user_avatar', data.data.url);
+
+                        layer.msg('头像上传成功', {
+                            icon: 1,
+                            time: 1000
+                        }, function () {
                             // 更新当前头像显示
                             document.getElementById('currentAvatar').src = data.data.url;
                             // 隐藏预览区域
                             document.querySelector('.avatar-preview').style.display = 'none';
                             // 清空文件输入
                             document.getElementById('avatarFile').value = '';
+
+                            // 刷新页面以更新所有显示的头像
+                            window.location.reload();
+                        });
                     } else {
                         layer.msg(data.msg || '上传失败', { icon: 2 });
                     }