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 objectthat representingresolves when the AJAXavatar requestis 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',
         cacheheaders: falseheaders,
         contentTypecache: false'no-cache',
         processDatabody: falseformData,
 -        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',
         cacheheaders: falseheaders,
         contentTypecache: false'no-cache',
         processDatabody: falseformData,
 -        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();