41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
// 聊天室图片上传控件事件绑定，逐步替代 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);
|
|
}
|
|
});
|
|
}
|