Update upload to use fetch

e9178e52eb5b138235aaf9ee7ada9e8017196402

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

public/scripts/backgrounds.js+28 -19 Viewed

     const formData = new FormData();
     formData.set('avatar', file);
     await uploadBackground(formData);
     const list = chat_metadata[LIST_METADATA_KEY] || [];
     const index = list.indexOf(bgNames.oldBg);

     const formData = new FormData(form);
     await convertFileIfVideo(formData);
     await uploadBackground(formData);
     form.reset();
+}

         formData.set('avatar', convertedFile);
         toastMessage.remove();
     } catch (error) {
 +        formData.delete('avatar');
         toastMessage.remove();
         console.error('Error converting video to animated webp:', error);
         toastr.error('Error converting video to animated webp');

  * Uploads a background to the server
  * @param {FormData} formData
  */
 async function uploadBackground(formData) {
 -    jQuery.ajax({
 +    try {
 -        type: 'POST',
 +        if (!formData.has('avatar')) {
 -        url: '/api/backgrounds/upload',
 +            console.log('No file provided. Background upload cancelled.');
 -        data: formData,
 +            return;
 -        beforeSend: function () {
 +        }
 -        },
++
 -        cache: false,
 +        const headers = getRequestHeaders();
 -        contentType: false,
 +        delete headers['Content-Type'];
 -        processData: false,
++
 -        success: async function (bg) {
 +        const response = await fetch('/api/backgrounds/upload', {
 +            method: 'POST',
 +            headers: getRequestHeaders(),
 +            body: formData,
 +            cache: 'no-cache',
 +        });
++
 +        if (!response.ok) {
 +            throw new Error('Failed to upload background');
 +        }
++
 +        const bg = await response.text();
         setBackground(bg, generateUrlParameter(bg, false));
         await getBackgrounds();
         highlightNewBackground(bg);
 -        },
 +    } catch (error) {
 -        error: function (jqXHR, exception) {
 +        console.error('Error uploading background:', error);
 -            console.log(exception);
 +    }
 -            console.log(jqXHR);
 -        },
 -    });
+}
 /**