diff --git a/backend/server.js b/backend/server.js index f90e308..4c5c701 100644 --- a/backend/server.js +++ b/backend/server.js @@ -1133,6 +1133,101 @@ app.post('/api/files/mkdir', authMiddleware, async (req, res) => { } }); +// 获取文件夹详情(大小统计) +app.post('/api/files/folder-info', authMiddleware, async (req, res) => { + const { path, folderName } = req.body; + let storage; + + if (!folderName) { + return res.status(400).json({ + success: false, + message: '缺少文件夹名称参数' + }); + } + + // 只支持本地存储 + if (req.user.current_storage_type !== 'local') { + return res.status(400).json({ + success: false, + message: '只有本地存储支持此功能' + }); + } + + try { + const { StorageInterface } = require('./storage'); + const storageInterface = new StorageInterface(req.user); + storage = await storageInterface.connect(); + + // 构造文件夹路径 + const basePath = path || '/'; + const folderPath = basePath === '/' ? `/${folderName}` : `${basePath}/${folderName}`; + const fullPath = storage.getFullPath(folderPath); + + // 检查是否存在且是文件夹 + if (!fs.existsSync(fullPath)) { + return res.status(404).json({ + success: false, + message: '文件夹不存在' + }); + } + + const stats = fs.statSync(fullPath); + if (!stats.isDirectory()) { + return res.status(400).json({ + success: false, + message: '指定路径不是文件夹' + }); + } + + // 计算文件夹大小 + const folderSize = storage.calculateFolderSize(fullPath); + + // 计算文件数量 + function countFiles(dirPath) { + let fileCount = 0; + let folderCount = 0; + + const items = fs.readdirSync(dirPath, { withFileTypes: true }); + + for (const item of items) { + const itemPath = path.join(dirPath, item.name); + + if (item.isDirectory()) { + folderCount++; + const subCounts = countFiles(itemPath); + fileCount += subCounts.fileCount; + folderCount += subCounts.folderCount; + } else { + fileCount++; + } + } + + return { fileCount, folderCount }; + } + + const counts = countFiles(fullPath); + + res.json({ + success: true, + data: { + name: folderName, + path: folderPath, + size: folderSize, + fileCount: counts.fileCount, + folderCount: counts.folderCount + } + }); + } catch (error) { + console.error('[获取文件夹详情失败]', error); + res.status(500).json({ + success: false, + message: '获取文件夹详情失败: ' + error.message + }); + } finally { + if (storage) await storage.end(); + } +}); + // 删除文件 app.post('/api/files/delete', authMiddleware, async (req, res) => { const { fileName, path } = req.body; diff --git a/frontend/app.html b/frontend/app.html index 7900fc4..adf7992 100644 --- a/frontend/app.html +++ b/frontend/app.html @@ -856,6 +856,50 @@ + +
+
+

+ 文件夹详情 +

+
+
+ 名称: +
{{ folderInfo.name }}
+
+
+ 路径: +
{{ folderInfo.path }}
+
+
+ 总大小: +
+ {{ formatFileSize(folderInfo.size) }} +
+
+
+
+ 文件数: +
{{ folderInfo.fileCount }} 个
+
+
+ 子文件夹: +
{{ folderInfo.folderCount }} 个
+
+
+
+
+ +
加载中...
+
+
+ +
+
+
+
@@ -1726,6 +1770,9 @@
重命名
+
+ 查看详情 +
分享
diff --git a/frontend/app.js b/frontend/app.js index d26277a..0790d2e 100644 --- a/frontend/app.js +++ b/frontend/app.js @@ -85,6 +85,10 @@ createApp({ folderName: "" }, + // 文件夹详情 + showFolderInfoModal: false, + folderInfo: null, + // 上传 showUploadModal: false, uploadProgress: 0, @@ -903,6 +907,34 @@ handleDragLeave(e) { } }, + // 显示文件夹详情 + async showFolderInfo(file) { + if (!file.isDirectory) { + this.showToast('error', '错误', '只能查看文件夹详情'); + return; + } + + this.showFolderInfoModal = true; + this.folderInfo = null; // 先清空,显示加载中 + + try { + const response = await axios.post(`${this.apiBase}/api/files/folder-info`, { + path: this.currentPath, + folderName: file.name + }, { + headers: { 'Authorization': `Bearer ${this.token}` } + }); + + if (response.data.success) { + this.folderInfo = response.data.data; + } + } catch (error) { + console.error('[获取文件夹详情失败]', error); + this.showToast('error', '错误', error.response?.data?.message || '获取文件夹详情失败'); + this.showFolderInfoModal = false; + } + }, + confirmDeleteFile(file) { const fileType = file.isDirectory ? '文件夹' : '文件'; const warning = file.isDirectory ? "\n⚠️ 警告：文件夹内所有文件将被永久删除！" : ""; @@ -912,17 +944,16 @@ handleDragLeave(e) { }, // ===== 右键菜单和长按功能 ===== - + // 显示右键菜单（PC端） showFileContextMenu(file, event) { - if (file.isDirectory) return; // 文件夹不显示菜单 - + // 文件和文件夹都可以显示右键菜单 event.preventDefault(); this.contextMenuFile = file; this.contextMenuX = event.clientX; this.contextMenuY = event.clientY; this.showContextMenu = true; - + // 点击其他地方关闭菜单 this.$nextTick(() => { document.addEventListener('click', this.hideContextMenu, { once: true });