diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index ac4a37e1..1183a110 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -108,6 +108,18 @@ const inputFile = document.createElement('input');
 inputFile.type = 'file';
 inputFile.accept = 'image/*';
 
+const reader = new FileReader();
+
+reader.addEventListener('load', () => {
+  if (typeof reader.result === 'string') {
+    urlProfile.value = reader.result;
+  }
+});
+
+watch(profileFile, () => {
+  if (profileFile.value) reader.readAsDataURL(profileFile.value);
+});
+
 inputFile.addEventListener('change', (e) => {
   profileFile.value = (e.currentTarget as HTMLInputElement).files?.[0];
 });