新增聊天室发送图片功能

resources/views/chat/partials/layout/input-bar.blade.php

@@ -8,7 +8,7 @@
 --}}
 
 <div class="input-bar">
-    <form id="chat-form" onsubmit="sendMessage(event)">
+    <form id="chat-form" onsubmit="sendMessage(event)" enctype="multipart/form-data">
         {{-- 第一行：工具选项 --}}
         <div class="input-row">
             <label>对
@@ -81,18 +81,18 @@
                 </button>
                 <div id="welcome-menu" class="welcome-menu" style="display:none;">
                     @php
-                        $welcomeMessages = [
-                            '欢迎【{name}】来到我们的聊天室，请遵守规则，文明聊天！',
-                            '【{name}】，你好！欢迎来访，有什么问题随时告诉我们！',
-                            '热烈欢迎【{name}】加入，愿您在这里度过愉快的时光！',
-                            '欢迎新朋友【{name}】！请先阅读公告，了解聊天室规则哦～',
-                            '【{name}】来了！欢迎欢迎，希望你在这里玩得开心！',
-                            '亲爱的【{name}】，欢迎光临本聊天室，请保持文明礼貌！',
-                            '欢迎【{name}】入驻！有问题请联系管理员，我们随时为您服务！',
-                            '【{name}】，初来乍到，欢迎多多关照，我们是一家人！',
-                            '大家欢迎新成员【{name}】！请遵守群规，共建和谐聊天环境！',
-                            '欢迎【{name}】莅临指导！希望你常来，让我们一起聊天！',
-                        ];
+$welcomeMessages = [
+    '欢迎【{name}】来到我们的聊天室，请遵守规则，文明聊天！',
+    '【{name}】，你好！欢迎来访，有什么问题随时告诉我们！',
+    '热烈欢迎【{name}】加入，愿您在这里度过愉快的时光！',
+    '欢迎新朋友【{name}】！请先阅读公告，了解聊天室规则哦～',
+    '【{name}】来了！欢迎欢迎，希望你在这里玩得开心！',
+    '亲爱的【{name}】，欢迎光临本聊天室，请保持文明礼貌！',
+    '欢迎【{name}】入驻！有问题请联系管理员，我们随时为您服务！',
+    '【{name}】，初来乍到，欢迎多多关照，我们是一家人！',
+    '大家欢迎新成员【{name}】！请遵守群规，共建和谐聊天环境！',
+    '欢迎【{name}】莅临指导！希望你常来，让我们一起聊天！',
+];
                     @endphp
                     @foreach ($welcomeMessages as $msg)
                         <div class="welcome-menu-item" onclick="sendWelcomeTpl({{ json_encode($msg) }})">
@@ -102,8 +102,9 @@
             </div>
 
             @if (
-                $user->user_level >= (int) \App\Models\Sysparam::getValue('level_announcement', '10') ||
-                    $room->master == $user->username)
+    $user->user_level >= (int) \App\Models\Sysparam::getValue('level_announcement', '10') ||
+    $room->master == $user->username
+)
                 <button type="button" onclick="promptAnnouncement()"
                     style="font-size: 11px; padding: 1px 6px; background: #4a9; color: #fff; border: none; border-radius: 2px; cursor: pointer;">设公告</button>
             @endif
@@ -112,6 +113,13 @@
                 style="font-size: 11px; padding: 1px 6px; background: #2563eb; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🎣
                 钓鱼</button>
 
+                <input type="file" id="chat_image" name="image" accept="image/jpeg,image/png,image/gif,image/webp" style="display:none;"
+                    onchange="handleChatImageSelected(this)">
+                <button type="button" onclick="document.getElementById('chat_image')?.click()"
+                    style="font-size: 11px; padding: 3px 8px; background: #0f766e; color: #fff; border: none; border-radius: 3px; cursor: pointer;">
+                    📷 图片
+                </button>
+               
             @if ($user->user_level >= (int) \App\Models\Sysparam::getValue('superlevel', '100'))
                 <button type="button" onclick="promptAnnounceMessage()"
                     style="font-size: 11px; padding: 1px 6px; background: #7c3aed; color: #fff; border: none; border-radius: 2px; cursor: pointer;">📢
@@ -147,8 +155,10 @@
 
         {{-- 第二行：输入框 + 发送 --}}
         <div class="input-row">
+            
+            
             <input type="text" id="content" name="content" class="say-input"
-                placeholder="在这里输入聊天内容，按 Enter 发送..." autocomplete="off">
+                placeholder="在这里输入聊天内容或发送图片，按 Enter 发送..." autocomplete="off">
             <button type="submit" id="send-btn" class="send-btn">发送</button>
         </div>
     </form>