Update persona upload methods to fetch

cbeb7ddcec7de6b1ab50dc0cb4f89cf7d1b12c2f

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

public/scripts/personas.js+25 -24 Viewed

  * Uploads an avatar file to the server
  * @param {string} url URL for the avatar file
  * @param {string} [name] Optional name for the avatar file
- * @returns {Promise} Promise object representing the AJAX request
+ * @returns {Promise} Promise that resolves when the avatar is uploaded
  */
 async function uploadUserAvatar(url, name) {
     const fetchResult = await fetch(url);

         formData.append('overwrite_name', name);
+    }
-    return jQuery.ajax({
+    const headers = getRequestHeaders();
-        type: 'POST',
+    delete headers['Content-Type'];
-        url: '/api/avatars/upload',
-        data: formData,
+    await fetch('/api/avatars/upload', {
-        beforeSend: () => { },
+        method: 'POST',
-        cache: false,
+        headers: headers,
-        contentType: false,
+        cache: 'no-cache',
-        processData: false,
+        body: formData,
-        success: async function () {
-            await getUserAvatars(true, name);
-        },
     });
+    await getUserAvatars(true, name);
+}
 async function changeUserAvatar(e) {

         formData.set('avatar', convertedFile);
+    }
-    jQuery.ajax({
+    const headers = getRequestHeaders();
-        type: 'POST',
+    delete headers['Content-Type'];
-        url: url,
-        data: formData,
+    const response = await fetch(url, {
-        beforeSend: () => { },
+        method: 'POST',
-        cache: false,
+        headers: headers,
-        contentType: false,
+        cache: 'no-cache',
-        processData: false,
+        body: formData,
-        success: async function (data) {
+    });
+    if (response.ok) {
+        const data = await response.json();
         // If the user uploaded a new avatar, we want to make sure it's not cached
         const name = formData.get('overwrite_name');
         if (name) {

+        }
         await getUserAvatars(true, name || data.path);
-        },
+    }
-        error: (jqXHR, exception) => { },
-    });
     // Will allow to select the same file twice in a row
     form.reset();