diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index ff2c8a35..cd36e906 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -16,14 +16,23 @@ import { useI18n } from 'vue-i18n';
 import BranchCard from 'src/components/01_branch-management/BranchCard.vue';
 
 const profileFile = ref<File | undefined>(undefined);
+const imageUrl = ref<string | null>();
 
 const inputFile = (() => {
   const element = document.createElement('input');
   element.type = 'file';
   element.accept = 'image/*';
 
+  const reader = new FileReader();
+  reader.addEventListener('load', () => {
+    if (typeof reader.result === 'string') imageUrl.value = reader.result;
+  });
+
   element.addEventListener('change', () => {
     profileFile.value = element.files?.[0];
+    if (profileFile.value) {
+      reader.readAsDataURL(profileFile.value);
+    }
   });
 
   return element;