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);
-    uploadBackground(formData);
+    await uploadBackground(formData);
     const list = chat_metadata[LIST_METADATA_KEY] || [];
     const index = list.indexOf(bgNames.oldBg);

     const formData = new FormData(form);
     await convertFileIfVideo(formData);
-    uploadBackground(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
  */
-function uploadBackground(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);
-        },
-    });
+}
 /**