fix select file

codeskyblue · codeskyblue · commit b12597f48223 · 2025-02-07T19:30:12.000+08:00
diff --git a/servefs/static/index.html b/servefs/static/index.html
@@ -1,4 +1,3 @@
-
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -95,7 +94,7 @@
             cursor: pointer;
             transition: all 0.3s;
         }
-        .upload-area:hover, .upload-area.drag-over {
+        .upload-area.drag-over {
             border-color: #409eff;
             background-color: rgba(64, 158, 255, 0.1);
         }
@@ -157,20 +156,33 @@ <h1>File Browser</h1>
                     @dragenter.prevent="isDragOver = true"
                     @dragleave.prevent="isDragOver = false"
                     @dragover.prevent
-                    @drop.prevent="handleFileDrop"
-                    @click="$refs.fileInput.click()">
+                    @drop.prevent="handleFileDrop">
                     <input
                         type="file"
                         ref="fileInput"
                         multiple
+                        style="display: none"
+                        @change="handleFileSelect">
+                    <input
+                        type="file"
+                        ref="folderInput"
+                        multiple
                         webkitdirectory
                         style="display: none"
                         @change="handleFileSelect">
                     <el-icon><upload-filled /></el-icon>
                     <div class="upload-text">
-                        <span>拖放文件或文件夹到此处或点击上传</span>
+                        <span>选择要上传的文件或文件夹（支持多选）</span>
+                        <div class="upload-tip">可拖拽文件或文件夹到此处</div>
+                    </div>
+                    <div class="upload-actions">
+                        <el-button type="primary" @click="$refs.fileInput.click()">
+                            上传文件
+                        </el-button>
+                        <el-button type="primary" @click="$refs.folderInput.click()">
+                            上传文件夹
+                        </el-button>
                     </div>
-                    <div class="upload-tip">支持多文件和文件夹上传</div>
                 </div>
 
                 <!-- 上传进度 -->
@@ -318,6 +330,7 @@ <h1>File Browser</h1>
                 const isDragOver = ref(false);
                 const uploadProgress = ref([]);
                 const fileInput = ref(null);
+                const folderInput = ref(null);
                 const previewDialog = ref({
                     visible: false,
                     title: '',
@@ -648,6 +661,7 @@ <h1>File Browser</h1>
                     isDragOver,
                     uploadProgress,
                     fileInput,
+                    folderInput,
                     handleItemClick,
                     navigateTo,
                     getPathUpTo,
