From 5c1cc88a4839281bcc53d65e397108cd83c1c524 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 17 Apr 2024 13:51:47 +0700
Subject: [PATCH] feat: branch upload image preview

---
 src/pages/01_branch-management/MainPage.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

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;