Allow paste file and images into chat input form

7fe329b5cf2f6ea98bce8896a0d00992705fbecc

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/scripts/chats.js+23 -5 Viewed

 /**
  * Displays file information in the message sending form.
 + * @param {File} file File object
  * @returns {Promise<void>}
  */
 async function onFileAttach(file) {
 -    const fileInput = document.getElementById('file_form_input');
 -    if (!(fileInput instanceof HTMLInputElement)) return;
 -    const file = fileInput.files[0];
     if (!file) return;
     const isValid = await validateFile(file);

     $(document).on('click', '.mes_img_enlarge', enlargeMessageImage);
     $(document).on('click', '.mes_img_delete', deleteMessageImage);
     $('#file_form_input').on('change', onFileAttachasync (); => {
 +        const fileInput = document.getElementById('file_form_input');
 +        if (!(fileInput instanceof HTMLInputElement)) return;
 +        const file = fileInput.files[0];
 +        await onFileAttach(file);
 +    });
     $('#file_form').on('reset', function () {
         $('#file_form').addClass('displayNone');
     });
++
 +    document.getElementById('send_textarea').addEventListener('paste', async function (event) {
 +        if (event.clipboardData.files.length === 0) {
 +            return;
 +        }
++
 +        event.preventDefault();
 +        event.stopPropagation();
++
 +        const fileInput = document.getElementById('file_form_input');
 +        if (!(fileInput instanceof HTMLInputElement)) return;
++
 +        fileInput.files = event.clipboardData.files;
 +        await onFileAttach(fileInput.files[0]);
 +    });
 });