From d7e606fb16348431b89802cba806f7d2a3791149 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 17 Apr 2024 11:32:18 +0700
Subject: [PATCH] feat: show image on upload

---
 src/pages/02_personnel-management/MainPage.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

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];
 });