optimize

2026-08-27 12:58:48 +08:00
parent c8e4996c34
commit 7225b72906
10 changed files with 1092 additions and 923 deletions
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>临时文件上传 · TTL 24h</title>
+<style>
+/*EMBED_CSS*/</style>
+</head>
+<body>
+<div class="container">
+  <header>
+    <h1>临时文件传输<span class="badge">TTL 24h</span></h1>
+    <div class="subtitle">上传后 24 小时内有效 · 被下载会自动续期 · 自动清理</div>
+  </header>
+
+  <div class="card">
+    <div class="dropzone" id="dropzone" tabindex="0" role="button" aria-label="选择或拖拽文件上传">
+      <div class="icon">⬆</div>
+      <div><strong>点击选择文件</strong> 或将文件拖拽到此处</div>
+      <div class="hint">支持多文件 · 受配额限制</div>
+    </div>
+    <input type="file" id="fileInput" multiple hidden />
+
+    <div class="progress-list" id="progressList"></div>
+
+    <div class="btn-row" id="actionRow" style="display:none">
+      <div class="total-progress" id="totalProgress" style="display:none"><div></div></div>
+      <span class="total-label" id="totalLabel" style="display:none"></span>
+      <button class="btn" id="uploadBtn">开始上传</button>
+      <button class="btn ghost" id="clearBtn">清空</button>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="files-header">
+      <h2>文件列表</h2>
+      <span class="meta" id="filesMeta">加载中...</span>
+    </div>
+    <div class="quota-wrap" id="quotaWrap" style="display:none">
+      <div class="quota-row">
+        <span class="quota-text" id="quotaText">--</span>
+        <span id="quotaPercent">--</span>
+      </div>
+      <div class="quota-bar" id="quotaBar"><div></div></div>
+    </div>
+    <div id="filesList">
+      <div class="skeleton"></div>
+      <div class="skeleton"></div>
+    </div>
+  </div>
+
+  <footer>每个文件 TTL 默认 24 小时, 后台每小时扫描清理 · 每次下载会重置过期时间</footer>
+</div>
+
+<div class="toast" id="toast"></div>
+
+<script>
+/*EMBED_JS*/</script>
+</body>
+</html>