y

code/file-preview/index.html

@@ -31,6 +31,10 @@
   <div id="app">
     <button id="reloadBtn">重新加载文件</button>
     <button id="reloadBtn2">重新加载文件2</button>
+    <button id="toggleSelectBtn">切换第一个文件选中状态</button>
+    <button id="getSelectedBtn">获取选中文件</button>
+    <button id="togglePreviewBtn">切换第一个文件预览状态</button>
+    <button id="getPreviewBtn">获取预览文件</button>
 
     <div style="height: 600px;width: 400px;">
       <div id="fileContainer"></div>
@@ -54,6 +58,14 @@
         onUpload: function () {
           console.log('Upload clicked');
           alert('上传功能');
+        },
+        onPreview: function (file, isPreview) {
+          console.log('预览事件:', file.name, '预览状态:', isPreview);
+          if (isPreview) {
+            alert('开始预览文件: ' + file.name);
+          } else {
+            alert('停止预览文件: ' + file.name);
+          }
         }
       });
 
@@ -70,6 +82,45 @@
           { name: '项目报告2.docx', size: 524288, uploadDate: '2024-02-20T14:45:00', url: '' },
         ]);
       });
+
+      // 测试外部方法：切换选中状态
+      $('#toggleSelectBtn').click(function () {
+        const allFiles = file.getFiles();
+        if (allFiles.length === 0) {
+          alert('请先加载文件');
+          return;
+        }
+        // 获取第一个文件的ID并切换选中状态
+        const firstFileId = allFiles[0]._id;
+        const isSelected = file.toggleSelect(firstFileId);
+        console.log('文件', allFiles[0].name, '选中状态:', isSelected);
+      });
+
+      // 测试外部方法：获取选中文件
+      $('#getSelectedBtn').click(function () {
+        const selectedFiles = file.getSelectedFiles();
+        console.log('选中的文件:', selectedFiles);
+        alert('选中的文件数量: ' + selectedFiles.length + '\n文件列表: ' + selectedFiles.map(f => f.name).join(', '));
+      });
+
+      // 测试外部方法：切换预览状态
+      $('#togglePreviewBtn').click(function () {
+        const allFiles = file.getFiles();
+        if (allFiles.length === 0) {
+          alert('请先加载文件');
+          return;
+        }
+        const firstFileId = allFiles[0]._id;
+        const isPreview = file.togglePreview(firstFileId);
+        console.log('文件', allFiles[0].name, '预览状态:', isPreview);
+      });
+
+      // 测试外部方法：获取预览文件
+      $('#getPreviewBtn').click(function () {
+        const previewFiles = file.getPreviewFiles();
+        console.log('预览的文件:', previewFiles);
+        alert('预览的文件数量: ' + previewFiles.length + '\n文件列表: ' + previewFiles.map(f => f.name).join(', '));
+      });
     });
   </script>