diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index b3ae91bc..c544589d 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -3,6 +3,7 @@ import AppBox from './app/AppBox.vue';
 
 defineExpose({ browse });
 defineProps<{
+  changeDisabled?: boolean;
   clearButtonDisabled?: boolean;
   clearButton?: boolean;
   hiddenFooter?: boolean;
@@ -93,6 +94,7 @@ function change(e: Event) {
             size="md"
             unelevated
             round
+            v-if="!changeDisabled"
             @click="inputFile?.click()"
           ></q-btn>
         </div>
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 113258ef..ccf29dd2 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -2087,8 +2087,9 @@ watch(currentHq, () => {
     v-model:file="profileFileImg as File"
     v-model:image-url="imageUrl"
     :hiddenFooter="!isImageEdit"
+    :changeDisabled="!isImageEdit"
+    @save="imageDialog = false"
     clearButton
-    @save="handleImageUpload"
   >
     <template #error>
       <div class="full-height full-width" style="background: white">
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 5dab9b60..ee36a2be 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1890,8 +1890,9 @@ watch(
     v-model:image-url="urlProfile"
     :default-url="`${baseUrl}/user/${currentUser?.id}/image`"
     :hiddenFooter="!isImageEdit"
+    :changeDisabled="!isImageEdit"
+    @save="imageDialog = false"
     clearButton
-    @save="handleImageUpload"
   >
     <template #error>
       <div class="full-height full-width" style="background: white">