diff --git a/packages/ui-default/pages/home_settings.page.ts b/packages/ui-default/pages/home_settings.page.ts
index 433681bf7..ed30f0707 100644
--- a/packages/ui-default/pages/home_settings.page.ts
+++ b/packages/ui-default/pages/home_settings.page.ts
@@ -52,18 +52,22 @@ export default new NamedPage('home_account', () => {
     }
   });
   $confirm.on('click', async () => {
-    if ($type.val() === 'upload') {
-      const formData = new FormData();
-      formData.append('file', $file[0].files[0]);
-      await request.postFile('/home/avatar', formData);
-      Notification.success(i18n('Upload success.'));
-    } else {
-      await request.post('/home/avatar', {
-        avatar: `${$type.val()}:${$text.val()}`,
-      });
-      Notification.success(i18n('Updated.'));
+    try {
+      if ($type.val() === 'upload') {
+        const formData = new FormData();
+        formData.append('file', $file[0].files[0]);
+        await request.postFile('/home/avatar', formData);
+        Notification.success(i18n('Upload success.'));
+      } else {
+        await request.post('/home/avatar', {
+          avatar: `${$type.val()}:${$text.val()}`,
+        });
+        Notification.success(i18n('Updated.'));
+      }
+      await delay(800);
+      window.location.reload();
+    } catch (e) {
+      Notification.error(e.message);
     }
-    await delay(800);
-    window.location.reload();
   });
 });