Update persona upload methods to fetch

cbeb7ddcec7de6b1ab50dc0cb4f89cf7d1b12c2f

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

Parents: 3d817352eca4379f939cc6db5b32f286adaa8560

public/scripts/personas.js+37 -36 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,
 -        beforeSend: () => { },
 -        cache: false,
 -        contentType: false,
 -        processData: false,
 -        success: async function (data) {
 -            // 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 fetch(getUserAvatar(String(name)), { cache: 'no-cache' });
 -                reloadUserAvatar(true);
 -            }
 -            if (!name && data.path) {
 +    const response = await fetch(url, {
 -                await getUserAvatars();
 +        method: 'POST',
 -                await delay(500);
 +        headers: headers,
 -                await createPersona(data.path);
 +        cache: 'no-cache',
 -            }
 +        body: formData,
+-
 -            await getUserAvatars(true, name || data.path);
 -        },
 -        error: (jqXHR, exception) => { },
     });
 +    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 fetch(getUserAvatar(String(name)), { cache: 'no-cache' });
 +            reloadUserAvatar(true);
 +        }
++
 +        if (!name && data.path) {
 +            await getUserAvatars();
 +            await delay(500);
 +            await createPersona(data.path);
 +        }
++
 +        await getUserAvatars(true, name || data.path);
 +    }
++
     // Will allow to select the same file twice in a row
     form.reset();
+}