文件浏览
-
查看已上传的文件、下载或删除。删除后不再显示。
+
查看已上传的文件、下载或删除。支持多选与分页。删除后不再显示。
+
+
+
+
+
+ 已选 0 项
+
+
+
+
+
diff --git a/static/file_browser.js b/static/file_browser.js
index 6916ec9..0ae065d 100644
--- a/static/file_browser.js
+++ b/static/file_browser.js
@@ -1,36 +1,89 @@
-/* 文件浏览页：拉取 /api/admin/files、渲染表格、下载/删除/复制 sha。
- 每次进入或删除后重新拉取，前端不缓存列表，保证已删除文件不显示。 */
+/* 文件浏览页：分页拉取 /api/admin/files、复选框多选 + 全选、批量下载/删除、复制 sha。
+ state.items 缓存当前页数据；切换页/页大小重新拉取；删除后若当前页空则回退一页。 */
(function () {
"use strict";
const { el, toast, copyText, fmtBytes, fmtTime, api } = window.ZK;
const listEl = document.getElementById("list");
const countEl = document.getElementById("count");
const refreshBtn = document.getElementById("refresh");
+ const pageSizeSel = document.getElementById("pageSize");
+ const batchbar = document.getElementById("batchbar");
+ const selCountEl = document.getElementById("selCount");
+ const batchDownloadBtn = document.getElementById("batchDownload");
+ const batchDeleteBtn = document.getElementById("batchDelete");
+ const clearSelBtn = document.getElementById("clearSel");
+ const pagerEl = document.getElementById("pager");
- refreshBtn.addEventListener("click", load);
+ // 分页状态
+ const state = {
+ page: 1, // 从 1 开始
+ pageSize: 100, // 数字或 "all"
+ total: 0,
+ items: [],
+ selected: new Set(), // 选中的 file id
+ };
- async function load() {
+ refreshBtn.addEventListener("click", () => load(state.page));
+ pageSizeSel.addEventListener("change", () => {
+ const v = pageSizeSel.value;
+ state.pageSize = v === "all" ? "all" : Number(v);
+ state.page = 1;
+ load(1);
+ });
+ batchDownloadBtn.addEventListener("click", batchDownload);
+ batchDeleteBtn.addEventListener("click", batchDelete);
+ clearSelBtn.addEventListener("click", () => {
+ state.selected.clear();
+ renderSelection();
+ });
+
+ function effectiveLimit() {
+ return state.pageSize === "all" ? 10000 : state.pageSize;
+ }
+ function totalPages() {
+ if (state.pageSize === "all") return 1;
+ return Math.max(1, Math.ceil(state.total / state.pageSize));
+ }
+
+ async function load(page) {
+ state.page = Math.max(1, page);
+ const limit = effectiveLimit();
+ const offset = (state.page - 1) * (state.pageSize === "all" ? 0 : state.pageSize);
listEl.innerHTML = '