diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js index 448182a5a7..c83fd45721 100644 --- a/tools/server/public_simplechat/simplechat.js +++ b/tools/server/public_simplechat/simplechat.js @@ -992,7 +992,7 @@ class MultiChatUI { // Save any placeholder set by default like through html, to restore where needed this.elInUser.dataset.placeholder = this.elInUser.placeholder // Setup Image loading button and flow - this.elInFileX = ui.el_creatediv_inputfileimgbtn('image', 'image', '', ()=>{ + this.elInFileX = ui.el_creatediv_inputfileimgbtn('image', 'image', '', ".jpg, .jpeg, .png", ()=>{ let f0 = this.elInFileX.el.files?.item(0); if (!f0) { return diff --git a/tools/server/public_simplechat/ui.mjs b/tools/server/public_simplechat/ui.mjs index 019493481b..89acad13ca 100644 --- a/tools/server/public_simplechat/ui.mjs +++ b/tools/server/public_simplechat/ui.mjs @@ -242,12 +242,14 @@ export function el_creatediv_input(id, label, type, defaultValue, cb, className= * @param {string} id * @param {string} label * @param {any} defaultValue + * @param {string} acceptable * @param {(arg0: any) => void} cb * @param {string} className */ -export function el_creatediv_inputfilebtn(id, label, defaultValue, cb, className) { +export function el_creatediv_inputfilebtn(id, label, defaultValue, acceptable, cb, className) { let elX = el_creatediv_input(id, label, "file", defaultValue, cb, className) elX.el.hidden = true + elX.el.accept = acceptable let idB = `${id}-button` let elB = el_create_button(idB, (mev) => { elX.el.click() @@ -262,11 +264,12 @@ export function el_creatediv_inputfilebtn(id, label, defaultValue, cb, className * @param {string} id * @param {string} label * @param {any} defaultValue + * @param {string} acceptable * @param {(arg0: any) => void} cb * @param {string} className */ -export function el_creatediv_inputfileimgbtn(id, label, defaultValue, cb, className) { - let elX = el_creatediv_inputfilebtn(id, label, defaultValue, cb, className); +export function el_creatediv_inputfileimgbtn(id, label, defaultValue, acceptable, cb, className) { + let elX = el_creatediv_inputfilebtn(id, label, defaultValue, acceptable, cb, className); let elImg = document.createElement('img') elImg.classList.add(`${className}-img`) elX.elB.appendChild(elImg)