diff --git a/src/components/File/UploadModal.vue b/src/components/File/UploadModal.vue
index ee0c92e..f5c02b0 100644
--- a/src/components/File/UploadModal.vue
+++ b/src/components/File/UploadModal.vue
@@ -12,10 +12,16 @@
       <p class="btn btn-lg btn-c-primary" @click="uploadFailde">上傳失敗 Modal</p>
       <p class="btn btn-lg btn-c-primary" @click="uploadSuccess">上傳成功 Modal</p>
       <p class="btn btn-lg btn-c-primary" @click="uploadConfirm">是否上傳 Modal</p>
+      <label class="btn btn-sm btn-neutral cursor-pointer">
+        hidden
+        <input id="uploadFiles" class="" type="file" @change="upload($event)">
+        Upload
+      </label>
     </div>
   </Dialog>
 </template>
 <script>
+import files from '../../stores/files';
 import IconUploarding from '../icons/IconUploarding.vue';
 import { uploadFailde, uploadSuccess, uploadConfirm } from '@/module/alertModal.js'
 
@@ -33,6 +39,23 @@ export default {
     uploadFailde,
     uploadSuccess,
     uploadConfirm,
+    upload(event) {
+      const target = event.target
+      console.log(target.files);
+      let file;
+      let form;
+
+      if(target && target.files) files.value = target.files[0];
+      if(file.value) {
+        try {
+
+        } catch(error) {
+          console.log('error', error);
+          form.value?.reset();
+          file.value = null;
+        }
+      }
+    }
   },
 }
 </script>