chatroom/resources/js/chat-room/image-upload.js

// 聊天室图片上传控件事件绑定，逐步替代 Blade 内联 onclick/onchange。

let imageUploadEventsBound = false;

/**
 * 绑定聊天图片选择按钮与文件框事件。
 *
 * @returns {void}
 */
export function bindChatImageUploadControl() {
    if (imageUploadEventsBound || typeof document === "undefined") {
        return;
    }

    imageUploadEventsBound = true;
    document.addEventListener("click", (event) => {
        if (!(event.target instanceof Element)) {
            return;
        }

        if (!event.target.closest("[data-chat-image-upload-trigger]")) {
            return;
        }

        event.preventDefault();
        // 点击按钮只打开隐藏文件框；真正上传在 change 事件与旧函数中处理。
        document.getElementById("chat_image")?.click();
    });

    document.addEventListener("change", (event) => {
        if (!(event.target instanceof HTMLInputElement) || event.target.id !== "chat_image") {
            return;
        }

        // 文件校验、上传请求和消息插入继续复用存量 handleChatImageSelected。
        if (typeof window.handleChatImageSelected === "function") {
            window.handleChatImageSelected(event.target);
        }
    });
}