diff --git a/open-isle-cli/src/views/SettingsPageView.vue b/open-isle-cli/src/views/SettingsPageView.vue
index 9210c0e3a..c48b4db42 100644
--- a/open-isle-cli/src/views/SettingsPageView.vue
+++ b/open-isle-cli/src/views/SettingsPageView.vue
@@ -81,7 +81,15 @@ export default {
   },
   methods: {
     onAvatarChange(e) {
-      this.avatarFile = e.target.files[0]
+      const file = e.target.files[0]
+      this.avatarFile = file
+      if (file) {
+        const reader = new FileReader()
+        reader.onload = () => {
+          this.avatar = reader.result
+        }
+        reader.readAsDataURL(file)
+      }
     },
     fetchPublishModes() {
       return Promise.resolve([