From 6f9e693c58295e8d6521c37f7c8aeeec2981b736 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 11 Dec 2024 13:28:49 +0700
Subject: [PATCH] fix: select same image result in image not change

---
 src/components/ImageUploadDialog.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index c8d71c42..5b9d510d 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -52,12 +52,14 @@ const onCreateData = defineModel<{
 
 const apiBaseUrl = import.meta.env.VITE_API_BASE_URL;
 const reader = new FileReader();
-const inputFile = (() => {
+const { inputFile, resetInputFile } = (() => {
+  const _form = document.createElement('form');
   const _element = document.createElement('input');
   _element.type = 'file';
   _element.accept = 'image/*';
   _element.addEventListener('change', change);
-  return _element;
+  _form.appendChild(_element);
+  return { inputFile: _element, resetInputFile: () => _form.reset() };
 })();
 
 const selectedImg = ref('');
@@ -83,6 +85,7 @@ reader.addEventListener('load', () => {
 });
 
 function browse() {
+  resetInputFile();
   inputFile?.click();
 }
 
@@ -219,11 +222,7 @@ watch(
               unelevated
               round
               v-if="!changeDisabled"
-              @click="
-                () => {
-                  inputFile?.click();
-                }
-              "
+              @click="browse"
               style="color: hsla(var(--stone-0-hsl) / 0.7)"
             ></q-btn>
             <q-btn