fix: #290 fileInput.value = ''

src/components/File/UploadModal.vue

@@ -48,16 +48,25 @@ export default {
       let uploadFile;
 
       // 判斷是否有檔案
-      if(target && target.files) uploadFile = target.files[0];
+      if(target && target.files) {
+        uploadFile = target.files[0];
+      }
       // 判斷檔案大小不可超過 90MB (90(MB)*1024(KB)*1024(Bytes)=94,371,840)
-      if(uploadFile.size >= 94371840) return uploadFailedFirst('size')
+      if(uploadFile.size >= 94371840) {
+        fileInput.value = '';
+        return uploadFailedFirst('size');
+      }
       // 將檔案加進 formData，欄位一定要「csv」
       formData.append('csv', uploadFile);
       // 呼叫第一階段上傳 API
-      if(uploadFile) await this.filesStore.upload(formData);
+      if(uploadFile) {
+        await this.filesStore.upload(formData);
+      }
       this.uploadFileName = (uploadFile.name).match(/(.*)\.csv/)[1];
       // 清除選擇文件
-      if(fileInput) fileInput.value = '';
+      if(fileInput) {
+        fileInput.value = '';
+      }
     }
   },
   beforeUnmount() {

src/components/Navbar.vue

@@ -40,7 +40,7 @@
             <input id="uploadFiles" class="hidden" type="file">
             Upload
           </label> -->
-          <div class="btn btn-sm btn-neutral cursor-pointer" @click="uploadModal = true">
+          <div id="import_btn" class="btn btn-sm btn-neutral cursor-pointer" @click="uploadModal = true">
             Import
             <UploadModal :visible="uploadModal" @closeModal="uploadModal = $event"></UploadModal>
           </div>