diff --git a/src/modules/04_registryNew/views/detailView.vue b/src/modules/04_registryNew/views/detailView.vue
index 68469e058..468b62b05 100644
--- a/src/modules/04_registryNew/views/detailView.vue
+++ b/src/modules/04_registryNew/views/detailView.vue
@@ -39,6 +39,12 @@ const itemsMenu = ref<DataOption[]>([
     name: "อื่นๆ",
   },
 ]);
+const input = document.createElement("input");
+input.type = "file";
+
+function selectFile() {
+  input.click();
+}
 
 function fetchDataPersonal() {
   const data = {
@@ -148,7 +154,9 @@ onMounted(() => {
           text-color="primary"
           icon="mdi-pencil-outline"
           style="position: absolute; bottom: 0; right: 0"
-        />
+          @click="selectFile"
+        >
+        </q-btn>
       </div>
 
       <div class="col row items-center bg-teal-1">