Expressive Code Example

日常办公中需要将单位文件带回家处理，既不想通过微信、QQ 等工具将文件存储到本地，又觉得国内云盘臃肿。此前曾领取 InfiniCLOUD 40GB 云盘空间，但因该服务部署在日本，国内直接访问速度慢、体验差，一直处于闲置状态。

为解决文件跨设备临时传输的痛点，决定利用 Cloudflare KV 的边缘存储特性 + InfiniCLOUD 的 WebDAV 协议支持，搭建一套轻量、便捷的临时文件存储服务。

为什么不使用 R2 存储桶，第一，存储桶配额 10G 有其他用途；第二，超过 10G 会收费不想惦记这事。

以下是详细的步骤

第一步：创建 KV 命名空间（用于存储临时文件）#

目标：创建一个名为 TEMP_STORE 的 KV 存储空间。操作路径： Dashboard 首页 → 左侧边栏「账户和主页」 → 「存储和数据库」 → 「Workers KV」操作步骤：

点击右上角「Create instance」按钮
填写： Name: TEMP_STORE
点击「Create」提示：无需记录 Namespace ID，后续通过变量名绑定即可。

第二步：创建 Worker 并粘贴代码#

目标：部署处理上传/下载逻辑的 Worker。操作路径： Dashboard 首页 → 左侧边栏「账户和主页」 → 「计算和 AI」 → 「Workers 和 Pages」操作步骤：

点击「创建应用」 → 选择「从 Hello World! 开始」
应用名称输入：tmp-worker（可自定义）
进入代码编辑器后，全选并删除默认代码
将下方完整 JS 代码逐字粘贴到编辑区重要：请先修改以下两处为你自己的信息！

1
// ====== HTML 界面 ======
2
const HTML =
3
'<!DOCTYPE html>\n' +
4
'<html lang="zh-CN">\n' +
5
'<head>\n' +
6
'  <meta charset="utf-8" />\n' +
7
'  <meta name="viewport" content="width=device-width, initial-scale=1" />\n' +
8
'  <title>✨ Air1 TempFile</title>\n' +
9
'  <link rel="icon" type="image/png" href="https://air1.cn/favicon.png" />\n' +
10
'  <style>\n' +
11
'    :root {\n' +
12
'      --bg: #0f0f12;\n' +
13
'      --card-bg: rgba(255, 255, 255, 0.06);\n' +
14
'      --card-border: rgba(255, 255, 255, 0.1);\n' +
15
'      --text: #f0f0f5;\n' +
16
'      --muted: #a0a0b0;\n' +
17
'      --primary: #4d9fff;\n' +
18
'      --success: #4ade80;\n' +
19
'      --danger: #f87171;\n' +
20
'      --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n' +
21
'      --radius: 18px;\n' +
22
'    }\n' +
23
'\n' +
24
'    @media (prefers-color-scheme: light) {\n' +
25
'      :root {\n' +
26
'        --bg: #f8f9ff;\n' +
27
'        --card-bg: rgba(255, 255, 255, 0.7);\n' +
28
'        --card-border: rgba(0, 0, 0, 0.08);\n' +
29
'        --text: #1a1a25;\n' +
30
'        --muted: #666;\n' +
31
'        --primary: #2563eb;\n' +
32
'        --success: #16a34a;\n' +
33
'        --danger: #dc2626;\n' +
34
'        --shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n' +
35
'      }\n' +
36
'    }\n' +
37
'\n' +
38
'    * {\n' +
39
'      margin: 0;\n' +
40
'      padding: 0;\n' +
41
'      box-sizing: border-box;\n' +
42
'    }\n' +
43
'\n' +
44
'    body {\n' +
45
'      background: var(--bg);\n' +
46
'      color: var(--text);\n' +
47
'      font-family: \'SF Pro Display\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n' +
48
'      min-height: 100vh;\n' +
49
'      display: flex;\n' +
50
'      flex-direction: column;\n' +
51
'      align-items: center;\n' +
52
'      justify-content: center;\n' +
53
'      padding: 2rem 1.5rem;\n' +
54
'      position: relative;\n' +
55
'      overflow-x: hidden;\n' +
56
'    }\n' +
57
'\n' +
58
'    body::before {\n' +
59
'      content: "";\n' +
60
'      position: absolute;\n' +
61
'      top: 0;\n' +
62
'      left: 0;\n' +
63
'      width: 100%;\n' +
64
'      height: 100%;\n' +
65
'      background: \n' +
66
'        radial-gradient(circle at 20% 30%, rgba(77, 159, 255, 0.06) 0%, transparent 40%),\n' +
67
'        radial-gradient(circle at 80% 70%, rgba(77, 159, 255, 0.04) 0%, transparent 50%);\n' +
68
'      pointer-events: none;\n' +
69
'      z-index: -1;\n' +
70
'    }\n' +
71
'\n' +
72
'    .container {\n' +
73
'      width: 100%;\n' +
74
'      max-width: 520px;\n' +
75
'      text-align: center;\n' +
76
'    }\n' +
77
'\n' +
78
'    h1 {\n' +
79
'      font-weight: 700;\n' +
80
'      font-size: 2.2rem;\n' +
81
'      margin-bottom: 0.4rem;\n' +
82
'      background: linear-gradient(135deg, #ffffff, #a0a0ff);\n' +
83
'      -webkit-background-clip: text;\n' +
84
'      background-clip: text;\n' +
85
'      color: transparent;\n' +
86
'      background-size: 200% 200%;\n' +
87
'      animation: gradientShift 8s ease infinite;\n' +
88
'    }\n' +
89
'\n' +
90
'    @keyframes gradientShift {\n' +
91
'      0% { background-position: 0% 50%; }\n' +
92
'      50% { background-position: 100% 50%; }\n' +
93
'      100% { background-position: 0% 50%; }\n' +
94
'    }\n' +
95
'\n' +
96
'    .subtitle {\n' +
97
'      color: var(--muted);\n' +
98
'      font-size: 0.95rem;\n' +
99
'      margin-bottom: 2.2rem;\n' +
100
'    }\n' +
101
'\n' +
102
'    .upload-card {\n' +
103
'      background: var(--card-bg);\n' +
104
'      border: 1px solid var(--card-border);\n' +
105
'      backdrop-filter: blur(12px);\n' +
106
'      -webkit-backdrop-filter: blur(12px);\n' +
107
'      border-radius: var(--radius);\n' +
108
'      padding: 2.2rem 1.5rem;\n' +
109
'      margin-bottom: 1.8rem;\n' +
110
'      cursor: pointer;\n' +
111
'      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n' +
112
'      position: relative;\n' +
113
'      overflow: hidden;\n' +
114
'    }\n' +
115
'\n' +
116
'    .upload-card:hover {\n' +
117
'      transform: translateY(-4px);\n' +
118
'      box-shadow: var(--shadow);\n' +
119
'      border-color: rgba(77, 159, 255, 0.3);\n' +
120
'    }\n' +
121
'\n' +
122
'    .upload-card.dragover {\n' +
123
'      border-color: var(--primary);\n' +
124
'      background: rgba(77, 159, 255, 0.08);\n' +
125
'    }\n' +
126
'\n' +
127
'    .upload-icon {\n' +
128
'      font-size: 3.2rem;\n' +
129
'      margin-bottom: 1.2rem;\n' +
130
'      display: block;\n' +
131
'      transition: transform 0.3s;\n' +
132
'    }\n' +
133
'\n' +
134
'    .upload-card:hover .upload-icon {\n' +
135
'      transform: scale(1.1) rotate(3deg);\n' +
136
'    }\n' +
137
'\n' +
138
'    .upload-text {\n' +
139
'      font-size: 1.1rem;\n' +
140
'      font-weight: 500;\n' +
141
'      margin-bottom: 0.4rem;\n' +
142
'    }\n' +
143
'\n' +
144
'    .upload-hint {\n' +
145
'      font-size: 0.85rem;\n' +
146
'      color: var(--muted);\n' +
147
'    }\n' +
148
'\n' +
149
'    .selected-file {\n' +
150
'      margin-top: 0.6rem;\n' +
151
'      font-size: 0.85rem;\n' +
152
'      color: var(--primary);\n' +
153
'      display: none;\n' +
154
'    }\n' +
155
'\n' +
156
'    #fileInput {\n' +
157
'      display: none;\n' +
158
'    }\n' +
159
'\n' +
160
'    .btn {\n' +
161
'      width: 100%;\n' +
162
'      padding: 0.95rem;\n' +
163
'      background: var(--primary);\n' +
164
'      color: white;\n' +
165
'      border: none;\n' +
166
'      border-radius: 14px;\n' +
167
'      font-size: 1.05rem;\n' +
168
'      font-weight: 600;\n' +
169
'      cursor: pointer;\n' +
170
'      transition: all 0.25s;\n' +
171
'      letter-spacing: 0.3px;\n' +
172
'    }\n' +
173
'\n' +
174
'    .btn:hover:not(:disabled) {\n' +
175
'      background: #3a8bff;\n' +
176
'      transform: translateY(-2px);\n' +
177
'      box-shadow: 0 6px 16px rgba(77, 159, 255, 0.3);\n' +
178
'    }\n' +
179
'\n' +
180
'    .btn:disabled {\n' +
181
'      opacity: 0.7;\n' +
182
'      cursor: not-allowed;\n' +
183
'      transform: none;\n' +
184
'      box-shadow: none;\n' +
185
'    }\n' +
186
'\n' +
187
'    .result-card {\n' +
188
'      background: var(--card-bg);\n' +
189
'      border: 1px solid var(--card-border);\n' +
190
'      backdrop-filter: blur(12px);\n' +
191
'      -webkit-backdrop-filter: blur(12px);\n' +
192
'      border-radius: var(--radius);\n' +
193
'      padding: 1.6rem;\n' +
194
'      margin-top: 1.5rem;\n' +
195
'      display: none;\n' +
196
'    }\n' +
197
'\n' +
198
'    .result-card.show {\n' +
199
'      display: block;\n' +
200
'      animation: fadeIn 0.4s ease;\n' +
201
'    }\n' +
202
'\n' +
203
'    @keyframes fadeIn {\n' +
204
'      from { opacity: 0; transform: translateY(10px); }\n' +
205
'      to { opacity: 1; transform: translateY(0); }\n' +
206
'    }\n' +
207
'\n' +
208
'    .result-title {\n' +
209
'      font-size: 1.1rem;\n' +
210
'      margin-bottom: 1rem;\n' +
211
'      color: var(--success);\n' +
212
'      font-weight: 600;\n' +
213
'    }\n' +
214
'\n' +
215
'    .result-item {\n' +
216
'      margin-bottom: 1rem;\n' +
217
'      text-align: center;\n' +
218
'      padding: 0.8rem;\n' +
219
'      background: rgba(77, 159, 255, 0.05);\n' +
220
'      border-radius: 10px;\n' +
221
'      display: flex;\n' +
222
'      flex-direction: column;\n' +
223
'      align-items: center;\n' +
224
'    }\n' +
225
'    .result-filename {\n' +
226
'      font-weight: bold;\n' +
227
'      margin-bottom: 0.3rem;\n' +
228
'      color: var(--text);\n' +
229
'    }\n' +
230
'\n' +
231
'    .result-link {\n' +
232
'      display: block;\n' +
233
'      word-break: break-all;\n' +
234
'      color: var(--primary);\n' +
235
'      text-decoration: none;\n' +
236
'      font-size: 0.9rem;\n' +
237
'      font-family: monospace;\n' +
238
'      margin: 0.2rem 0;\n' +
239
'    }\n' +
240
'\n' +
241
'    .copy-btn {\n' +
242
'      background: rgba(255, 255, 255, 0.12);\n' +
243
'      color: var(--text);\n' +
244
'      border: none;\n' +
245
'      padding: 0.4rem 0.8rem;\n' +
246
'      border-radius: 8px;\n' +
247
'      font-weight: 600;\n' +
248
'      cursor: pointer;\n' +
249
'      transition: all 0.2s;\n' +
250
'      font-size: 0.85rem;\n' +
251
'    }\n' +
252
'\n' +
253
'    .copy-btn:hover {\n' +
254
'      background: rgba(255, 255, 255, 0.2);\n' +
255
'    }\n' +
256
'\n' +
257
'    .copy-btn.copied {\n' +
258
'      background: var(--success);\n' +
259
'      color: white;\n' +
260
'    }\n' +
261
'\n' +
262
'    .error-msg {\n' +
263
'      color: var(--danger);\n' +
264
'      margin-top: 0.5rem;\n' +
265
'      font-size: 0.85rem;\n' +
266
'    }\n' +
267
'\n' +
268
'    .progress-track {\n' +
269
'      height: 6px;\n' +
270
'      background: rgba(255, 255, 255, 0.1);\n' +
271
'      border-radius: 3px;\n' +
272
'      margin-top: 1.2rem;\n' +
273
'      overflow: hidden;\n' +
274
'    }\n' +
275
'\n' +
276
'    .progress-fill {\n' +
277
'      height: 100%;\n' +
278
'      background: var(--primary);\n' +
279
'      width: 0%;\n' +
280
'      border-radius: 3px;\n' +
281
'      transition: width 0.2s ease;\n' +
282
'    }\n' +
283
'\n' +
284
'    .footer {\n' +
285
'      margin-top: 2.5rem;\n' +
286
'      color: var(--muted);\n' +
287
'      font-size: 0.8rem;\n' +
288
'      opacity: 0.8;\n' +
289
'    }\n' +
290
'\n' +
291
'    @media (max-width: 480px) {\n' +
292
'      h1 { font-size: 1.8rem; }\n' +
293
'      .upload-card { padding: 1.8rem 1rem; }\n' +
294
'    }\n' +
295
'  </style>\n' +
296
'</head>\n' +
297
'<body>\n' +
298
'  <div class="container">\n' +
299
'    <h1>Air1 TempFile</h1>\n' +
300
'    <p class="subtitle">安全上传 · 多文件自动打包 · 7天自动销毁</p>\n' +
301
'\n' +
302
'    <div class="upload-card" id="dropArea">\n' +
303
'      <span class="upload-icon">📤</span>\n' +
304
'      <p class="upload-text">拖拽文件或点击上传</p>\n' +
305
'      <p class="upload-hint">支持任意格式</p>\n' +
306
'      <p class="selected-file" id="selectedFile"></p>\n' +
307
'      <input type="file" id="fileInput" multiple />\n' +
308
'    </div>\n' +
309
'\n' +
310
'    <button class="btn" id="uploadBtn" onclick="uploadFiles()">确认上传</button>\n' +
311
'\n' +
312
'    <div class="progress-track" id="progressTrack" style="display:none;">\n' +
313
'      <div class="progress-fill" id="progressFill"></div>\n' +
314
'    </div>\n' +
315
'\n' +
316
'    <div class="result-card" id="resultCard">\n' +
317
'      <div class="result-title">✅ 上传完成</div>\n' +
318
'      <div id="resultsList"></div>\n' +
319
'    </div>\n' +
320
'\n' +
321
'    <p class="footer">Part of <strong>Air1 Quick Tools</strong> · Powered by Cloudflare</p>\n' +
322
'  </div>\n' +
323
'\n' +
324
'  <script>\n' +
325
'    const dropArea = document.getElementById(\'dropArea\');\n' +
326
'    const fileInput = document.getElementById(\'fileInput\');\n' +
327
'    const uploadBtn = document.getElementById(\'uploadBtn\');\n' +
328
'    const resultCard = document.getElementById(\'resultCard\');\n' +
329
'    const resultsList = document.getElementById(\'resultsList\');\n' +
330
'    const progressTrack = document.getElementById(\'progressTrack\');\n' +
331
'    const progressFill = document.getElementById(\'progressFill\');\n' +
332
'    const selectedFileEl = document.getElementById(\'selectedFile\');\n' +
333
'\n' +
334
'    [\'dragenter\', \'dragover\', \'dragleave\', \'drop\'].forEach(e => {\n' +
335
'      dropArea.addEventListener(e, preventDefaults, false);\n' +
336
'    });\n' +
337
'\n' +
338
'    function preventDefaults(e) {\n' +
339
'      e.preventDefault();\n' +
340
'      e.stopPropagation();\n' +
341
'    }\n' +
342
'\n' +
343
'    [\'dragenter\', \'dragover\'].forEach(e => {\n' +
344
'      dropArea.addEventListener(e, () => dropArea.classList.add(\'dragover\'), false);\n' +
345
'    });\n' +
346
'\n' +
347
'    [\'dragleave\', \'drop\'].forEach(e => {\n' +
348
'      dropArea.addEventListener(e, () => dropArea.classList.remove(\'dragover\'), false);\n' +
349
'    });\n' +
350
'\n' +
351
'    dropArea.addEventListener(\'drop\', e => {\n' +
352
'      fileInput.files = e.dataTransfer.files;\n' +
353
'      fileInput.dispatchEvent(new Event(\'change\'));\n' +
354
'    });\n' +
355
'\n' +
356
'    dropArea.addEventListener(\'click\', () => fileInput.click());\n' +
357
'\n' +
358
'    fileInput.addEventListener(\'change\', () => {\n' +
359
'      const files = fileInput.files;\n' +
360
'      if (files.length > 0) {\n' +
361
'        let names = Array.from(files).map(f => f.name).join(\', \');\n' +
362
'        if (names.length > 60) names = names.substring(0, 60) + \'...\';\n' +
363
'        selectedFileEl.textContent = `已选择 ${files.length} 个文件：${names}`;\n' +
364
'        selectedFileEl.style.display = \'block\';\n' +
365
'      } else {\n' +
366
'        selectedFileEl.style.display = \'none\';\n' +
367
'      }\n' +
368
'    });\n' +
369
'\n' +
370
'    async function uploadFiles() {\n' +
371
'      const files = Array.from(fileInput.files);\n' +
372
'      if (!files.length) return alert(\'请选择至少一个文件\');\n' +
373
'\n' +
374
'      for (const file of files) {\n' +
375
'        if (file.size > 99 * 1024 * 1024) {\n' +
376
'          return alert(`「${file.name}」不能超过 99MB`);\n' +
377
'        }\n' +
378
'      }\n' +
379
'\n' +
380
'      resultCard.classList.remove(\'show\');\n' +
381
'      resultsList.innerHTML = \'\';\n' +
382
'      uploadBtn.disabled = true;\n' +
383
'      progressTrack.style.display = \'block\';\n' +
384
'      progressFill.style.width = \'0%\';\n' +
385
'\n' +
386
'      const formData = new FormData();\n' +
387
'      files.forEach(f => formData.append(\'file\', f));\n' +
388
'\n' +
389
'      try {\n' +
390
'        const response = await fetch(\'/api/upload-public\', {\n' +
391
'          method: \'POST\',\n' +
392
'          body: formData,\n' +
393
'        });\n' +
394
'\n' +
395
'        const res = await response.json();\n' +
396
'\n' +
397
'        if (response.ok && res.downloadUrl) {\n' +
398
'          const div = document.createElement(\'div\');\n' +
399
'          div.className = \'result-item\';\n' +
400
'          let filename = files.length === 1 ? files[0].name : `upload_${res.fileId}.zip`;\n' +
401
'          div.innerHTML = `\n' +
402
'            <div class="result-filename">📁 ${filename}</div>\n' +
403
'            <a class="result-link" href="${res.downloadUrl}" target="_blank">${res.downloadUrl}</a>\n' +
404
'            <button class="copy-btn" onclick="copyText(event, \'${res.downloadUrl}\')">📋 复制</button>\n' +
405
'            ${res.notifyError ? `<div class="error-msg">⚠️ 通知失败：${res.notifyError}</div>` : \'\'}\n' +
406
'          `;\n' +
407
'          resultsList.appendChild(div);\n' +
408
'          resultCard.classList.add(\'show\');\n' +
409
'        } else {\n' +
410
'          alert(res.error || \'上传失败\');\n' +
411
'        }\n' +
412
'      } catch (e) {\n' +
413
'        alert(\'网络错误，请重试\');\n' +
414
'      } finally {\n' +
415
'        uploadBtn.disabled = false;\n' +
416
'      }\n' +
417
'    }\n' +
418
'\n' +
419
'    // ====== 兼容性复制函数 ======\n' +
420
'    function copyText(event, text) {\n' +
421
'      if (navigator.clipboard && window.isSecureContext) {\n' +
422
'        navigator.clipboard.writeText(text).then(() => {\n' +
423
'          showCopySuccess(event.target);\n' +
424
'        }).catch(() => {\n' +
425
'          fallbackCopyText(event.target, text);\n' +
426
'        });\n' +
427
'      } else {\n' +
428
'        fallbackCopyText(event.target, text);\n' +
429
'      }\n' +
430
'    }\n' +
431
'\n' +
432
'    function fallbackCopyText(btn, text) {\n' +
433
'      const textarea = document.createElement(\'textarea\');\n' +
434
'      textarea.value = text;\n' +
435
'      textarea.style.position = \'fixed\';\n' +
436
'      textarea.style.opacity = \'0\';\n' +
437
'      document.body.appendChild(textarea);\n' +
438
'      textarea.select();\n' +
439
'      try {\n' +
440
'        const ok = document.execCommand(\'copy\');\n' +
441
'        if (ok) {\n' +
442
'          showCopySuccess(btn);\n' +
443
'        } else {\n' +
444
'          alert(\'复制失败，请手动长按链接复制\');\n' +
445
'        }\n' +
446
'      } catch (e) {\n' +
447
'        alert(\'复制失败，请手动复制\');\n' +
448
'      } finally {\n' +
449
'        document.body.removeChild(textarea);\n' +
450
'      }\n' +
451
'    }\n' +
452
'\n' +
453
'    function showCopySuccess(btn) {\n' +
454
'      btn.classList.add(\'copied\');\n' +
455
'      btn.textContent = \'✅ 已复制\';\n' +
456
'      setTimeout(() => {\n' +
457
'        btn.classList.remove(\'copied\');\n' +
458
'        btn.textContent = \'📋 复制\';\n' +
459
'      }, 2000);\n' +
460
'    }\n' +
461
'  </script>\n' +
462
'</body>\n' +
463
'</html>';
464

465
// ====== 常量 ======
466
const MAX_TOTAL_SIZE = 50 * 1024 * 1024; // 总大小限制 50MB（安全值）
467
const EXPIRATION_TTL = 7 * 24 * 3600;     // 7天
468

469
// ====== 生成随机 ID ======
470
async function generateFileId(env) {
471
  for (let i = 0; i < 5; i++) {
472
    const id = Math.random().toString(36).substring(2, 8);
473
    if (!(await env.TEMP_STORE.get(id))) {
474
      return id;
475
    }
476
  }
477
  return Math.random().toString(36).substring(2, 8) + Date.now().toString(36).slice(-2);
478
}
479

480
// ====== ZIP 打包函数（使用 fflate）======
481
function zipFiles(files) {
482
  const utf8Encoder = new TextEncoder();
483
  const zip = [];
484
  let offset = 0;
485
  const centralDir = [];
486

487
  for (const file of files) {
488
    const filenameBytes = utf8Encoder.encode(file.name);
489
    const header = new Uint8Array([
490
      0x50, 0x4b, 0x03, 0x04, // local file header signature
491
      0x14, 0x00,             // version needed to extract
492
      0x00, 0x00,             // general purpose bit flag
493
      0x00, 0x00,             // compression method (0 = store)
494
      0x00, 0x00,             // file last mod time/date (0 = ignored)
495
      0x00, 0x00, 0x00, 0x00, // crc-32 (skipped for simplicity)
496
      file.data.byteLength & 0xff, (file.data.byteLength >> 8) & 0xff,
497
      (file.data.byteLength >> 16) & 0xff, (file.data.byteLength >> 24) & 0xff,
498
      filenameBytes.length & 0xff, (filenameBytes.length >> 8) & 0xff,
499
      0x00, 0x00              // extra field length
500
    ]);
501

502
    const localFileHeader = new Uint8Array(header.length + filenameBytes.length);
503
    localFileHeader.set(header);
504
    localFileHeader.set(filenameBytes, header.length);
505

506
    zip.push(localFileHeader, file.data);
507

508
    // Central directory record
509
    const cdHeader = new Uint8Array([
510
      0x50, 0x4b, 0x01, 0x02, // central file header signature
511
      0x14, 0x03,             // version made by
512
      0x14, 0x00,             // version needed to extract
513
      0x00, 0x00,             // general purpose bit flag
514
      0x00, 0x00,             // compression method
515
      0x00, 0x00,             // file last mod time/date
516
      0x00, 0x00, 0x00, 0x00, // crc-32 (skipped)
517
      file.data.byteLength & 0xff, (file.data.byteLength >> 8) & 0xff,
518
      (file.data.byteLength >> 16) & 0xff, (file.data.byteLength >> 24) & 0xff,
519
      filenameBytes.length & 0xff, (filenameBytes.length >> 8) & 0xff,
520
      0x00, 0x00,             // extra field length
521
      0x00, 0x00,             // file comment length
522
      0x00, 0x00,             // disk number start
523
      0x00, 0x00,             // internal file attributes
524
      0x00, 0x00, 0x00, 0x00, // external file attributes
525
      offset & 0xff, (offset >> 8) & 0xff,
526
      (offset >> 16) & 0xff, (offset >> 24) & 0xff
527
    ]);
528
    const centralRecord = new Uint8Array(cdHeader.length + filenameBytes.length);
529
    centralRecord.set(cdHeader);
530
    centralRecord.set(filenameBytes, cdHeader.length);
531
    centralDir.push(centralRecord);
532

533
    offset += localFileHeader.length + file.data.byteLength;
534
  }
535

536
  const totalEntries = files.length;
537
  const centralSize = centralDir.reduce((sum, d) => sum + d.length, 0);
538
  const eocd = new Uint8Array([
539
    0x50, 0x4b, 0x05, 0x06, // end of central dir signature
540
    0x00, 0x00,             // number of this disk
541
    0x00, 0x00,             // number of the disk with the start of the central directory
542
    totalEntries & 0xff, (totalEntries >> 8) & 0xff,
543
    totalEntries & 0xff, (totalEntries >> 8) & 0xff,
544
    centralSize & 0xff, (centralSize >> 8) & 0xff,
545
    (centralSize >> 16) & 0xff, (centralSize >> 24) & 0xff,
546
    offset & 0xff, (offset >> 8) & 0xff,
547
    (offset >> 16) & 0xff, (offset >> 24) & 0xff,
548
    0x00, 0x00              // comment length
549
  ]);
550

551
  const totalLength = zip.reduce((sum, part) => sum + part.length, 0) + centralSize + eocd.length;
552
  const finalZip = new Uint8Array(totalLength);
553
  let pos = 0;
554
  for (const part of zip) {
555
    finalZip.set(part, pos);
556
    pos += part.length;
557
  }
558
  for (const part of centralDir) {
559
    finalZip.set(part, pos);
560
    pos += part.length;
561
  }
562
  finalZip.set(eocd, pos);
563

564
  return finalZip;
565
}
566

567
// ====== 发送企业微信通知 ======
568
async function sendWeComWebhookNotification(env, fileData) {
569
  const WEBHOOK_URL = env.WECOM_WEBHOOK_URL;
570
  if (!WEBHOOK_URL) return;
571

572
  const { filename, size, downloadUrl } = fileData;
573
  let sizeText;
574
  if (size < 1024) sizeText = size + " B";
575
  else if (size < 1024 * 1024) sizeText = (size / 1024).toFixed(2) + " KB";
576
  else sizeText = (size / (1024 * 1024)).toFixed(2) + " MB";
577

578
  const now = new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' });
579
  const content = `📁 新文件上传\n\n文件名：${filename}\n大小：${sizeText}\n时间：${now}\n\n🔗 下载地址：\n${downloadUrl}`;
580

581
  const payload = { msgtype: "text", text: { content } };
582
  const resp = await fetch(WEBHOOK_URL, {
583
    method: "POST",
584
    headers: { "Content-Type": "application/json" },
585
    body: JSON.stringify(payload)
586
  });
587

588
  const result = await resp.json();
589
  if (result.errcode !== 0) {
590
    throw new Error(`Webhook 发送失败: ${result.errmsg}`);
591
  }
592
}
593

594
// ====== 主入口 ======
595
export default {
596
  async fetch(request, env) {
597
    const url = new URL(request.url);
598
    const { pathname } = url;
599

600
    if (pathname === "/") {
601
      return new Response(HTML, {
602
        headers: { "Content-Type": "text/html; charset=utf-8" }
603
      });
604
    }
605

606
    if (request.method === "OPTIONS") {
607
      return new Response(null, {
608
        headers: {
609
          "Access-Control-Allow-Origin": "*",
610
          "Access-Control-Allow-Methods": "POST, OPTIONS",
611
          "Access-Control-Allow-Headers": "Content-Type"
612
        }
613
      });
614
    }
615

616
    if (pathname === "/api/upload-public" && request.method === "POST") {
617
      const contentType = request.headers.get("content-type") || "";
618
      if (!contentType.includes("multipart/form-data")) {
619
        return new Response(JSON.stringify({ error: "必须使用 multipart/form-data 上传" }), {
620
          status: 400,
621
          headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
622
        });
623
      }
624

625
      try {
626
        const formData = await request.formData();
627
        const files = formData.getAll("file").filter(f => f instanceof File);
628

629
        if (!files.length) {
630
          return new Response(JSON.stringify({ error: "未提供有效文件" }), {
631
            status: 400,
632
            headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
633
          });
634
        }
635

636
        // 检查每个文件大小
637
        for (const file of files) {
638
          if (file.size > 99 * 1024 * 1024) {
639
            return new Response(JSON.stringify({ error: `文件「${file.name}」超过 99MB` }), {
640
              status: 400,
641
              headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
642
            });
643
          }
644
        }
645

646
        const fileId = await generateFileId(env);
647
        let notifyError = null;
648

649
        if (files.length === 1) {
650
          // ========== 单文件：直接存储 ==========
651
          const file = files[0];
652
          const buffer = await file.arrayBuffer();
653
          const filename = file.name;
654
          const contentType = file.type || "application/octet-stream";
655

656
          if (file.size <= 25 * 1024 * 1024) {
657
            // 存 KV
658
            await env.TEMP_STORE.put(fileId, buffer, {
659
              metadata: {
660
                filename,
661
                contentType,
662
                storage: "kv",
663
                isZip: false
664
              },
665
              expirationTtl: EXPIRATION_TTL
666
            });
667
          } else {
668
            // 存 WebDAV
669
            const WEBDAV_BASE = 'https://higa.teracloud.jp/dav/air1/';
670
            const credentials = btoa(`${env.WEBDAV_ACCOUNT}:${env.WEBDAV_PASSWORD}`);
671
            const webdavFilename = `file_${fileId}_${filename}`;
672
            const webdavUrl = WEBDAV_BASE + encodeURIComponent(webdavFilename);
673

674
            const resp = await fetch(webdavUrl, {
675
              method: 'PUT',
676
              headers: {
677
                'Authorization': `Basic ${credentials}`,
678
                'Content-Type': contentType
679
              },
680
              body: buffer
681
            });
682

683
            if (!resp.ok) throw new Error(`WebDAV upload failed: ${resp.status}`);
684

685
            await env.TEMP_STORE.put(fileId, "", {
686
              metadata: {
687
                filename,
688
                contentType,
689
                storage: "webdav",
690
                webdavFilename,
691
                isZip: false
692
              },
693
              expirationTtl: EXPIRATION_TTL
694
            });
695
          }
696

697
          // 通知
698
          try {
699
            await sendWeComWebhookNotification(env, {
700
              filename,
701
              size: file.size,
702
              downloadUrl: `https://tmp.air1.cn/${fileId}`
703
            });
704
          } catch (e) {
705
            notifyError = e.message;
706
          }
707

708
          return new Response(JSON.stringify({
709
            downloadUrl: `https://tmp.air1.cn/${fileId}`,
710
            fileId,
711
            notifyError
712
          }), {
713
            headers: {
714
              "Content-Type": "application/json",
715
              "Access-Control-Allow-Origin": "*"
716
            }
717
          });
718

719
        } else {
720
          // ========== 多文件：打包 ZIP ==========
721
          let totalSize = 0;
722
          const fileBuffers = [];
723
          for (const file of files) {
724
            totalSize += file.size;
725
            const buffer = await file.arrayBuffer();
726
            fileBuffers.push({ name: file.name, data: new Uint8Array(buffer) });
727
          }
728

729
          if (totalSize > MAX_TOTAL_SIZE) {
730
            return new Response(JSON.stringify({ error: `总大小不能超过 ${(MAX_TOTAL_SIZE / (1024*1024)).toFixed(1)}MB` }), {
731
              status: 400,
732
              headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
733
            });
734
          }
735

736
          const zipBuffer = zipFiles(fileBuffers);
737
          const zipSize = zipBuffer.byteLength;
738
          const zipName = `upload_${fileId}.zip`;
739

740
          if (zipSize <= 25 * 1024 * 1024) {
741
            await env.TEMP_STORE.put(fileId, zipBuffer, {
742
              metadata: {
743
                filename: zipName,
744
                contentType: "application/zip",
745
                storage: "kv",
746
                isZip: true
747
              },
748
              expirationTtl: EXPIRATION_TTL
749
            });
750
          } else {
751
            const WEBDAV_BASE = 'https://higa.teracloud.jp/dav/air1/';
752
            const credentials = btoa(`${env.WEBDAV_ACCOUNT}:${env.WEBDAV_PASSWORD}`);
753
            const webdavFilename = `zip_${fileId}.zip`;
754
            const webdavUrl = WEBDAV_BASE + encodeURIComponent(webdavFilename);
755

756
            const resp = await fetch(webdavUrl, {
757
              method: 'PUT',
758
              headers: {
759
                'Authorization': `Basic ${credentials}`,
760
                'Content-Type': 'application/zip'
761
              },
762
              body: zipBuffer
763
            });
764

765
            if (!resp.ok) throw new Error(`WebDAV upload failed: ${resp.status}`);
766

767
            await env.TEMP_STORE.put(fileId, "", {
768
              metadata: {
769
                filename: zipName,
770
                contentType: "application/zip",
771
                storage: "webdav",
772
                webdavFilename,
773
                isZip: true
774
              },
775
              expirationTtl: EXPIRATION_TTL
776
            });
777
          }
778

779
          try {
780
            await sendWeComWebhookNotification(env, {
781
              filename: zipName,
782
              size: zipSize,
783
              downloadUrl: `https://tmp.air1.cn/${fileId}`
784
            });
785
          } catch (e) {
786
            notifyError = e.message;
787
          }
788

789
          return new Response(JSON.stringify({
790
            downloadUrl: `https://tmp.air1.cn/${fileId}`,
791
            fileId,
792
            notifyError
793
          }), {
794
            headers: {
795
              "Content-Type": "application/json",
796
              "Access-Control-Allow-Origin": "*"
797
            }
798
          });
799
        }
800

801
      } catch (e) {
802
        console.error("Upload error:", e);
803
        return new Response(JSON.stringify({ error: e.message || "服务器内部错误" }), {
804
          status: 500,
805
          headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" }
806
        });
807
      }
808
    }
809

810
    // ====== 下载逻辑 ======
811
    const segments = pathname.split('/').filter(Boolean);
812
    if (segments.length === 1 && segments[0].length === 6) {
813
      const id = segments[0];
814
      const reservedPaths = new Set(['api', 'upload', 'f', 'favicon.ico', 'robots.txt', 'about', 's', 'webdav']);
815
      if (reservedPaths.has(id)) {
816
        return new Response("Reserved path", { status: 400 });
817
      }
818

819
      const entry = await env.TEMP_STORE.getWithMetadata(id, "arrayBuffer");
820
      if (!entry?.metadata) {
821
        return new Response("File not found", { status: 404 });
822
      }
823

824
      const { storage, webdavFilename, filename, contentType } = entry.metadata;
825

826
      if (storage === "kv") {
827
        return new Response(entry.value, {
828
          headers: {
829
            "Content-Type": contentType,
830
            "Content-Disposition": `attachment; filename="${encodeURIComponent(filename)}"`,
831
            "Cache-Control": "no-store"
832
          }
833
        });
834
      }
835

836
      if (storage === "webdav" && webdavFilename) {
837
        const WEBDAV_BASE = 'https://higa.teracloud.jp/dav/air1/';
838
        const credentials = btoa(`${env.WEBDAV_ACCOUNT}:${env.WEBDAV_PASSWORD}`);
839
        const webdavUrl = WEBDAV_BASE + encodeURIComponent(webdavFilename);
840

841
        let resp;
842
        try {
843
          resp = await fetch(webdavUrl, {
844
            headers: { 'Authorization': `Basic ${credentials}` }
845
          });
846
        } catch (e) {
847
          return new Response("Storage unavailable", { status: 502 });
848
        }
849

850
        if (!resp.ok) {
851
          return new Response("File not found", { status: 404 });
852
        }
853

854
        const headers = new Headers({
855
          "Content-Type": contentType,
856
          "Content-Disposition": `attachment; filename="${encodeURIComponent(filename)}"`,
857
          "Cache-Control": "no-store",
858
          "Access-Control-Allow-Origin": "*"
859
        });
860

861
        return new Response(resp.body, { status: 200, headers });
862
      }
863

864
      return new Response("Invalid file record", { status: 500 });
865
    }
866

867
    return new Response("Not Found", { status: 404 });
868
  }
869
};

点击右上角「Save and Deploy」

第三步：绑定 KV 命名空间到 Worker#

目标：让 Worker 能读写你刚创建的 TEMP_STORE。操作路径：在 Worker 编辑页面 → 顶部标签栏选择「绑定」操作步骤：

点击「添加绑定」 → 选择「KV 命名空间」
弹窗中填写：变量名称（Variable name）: TEMP_STORE ← 必须与代码中 env.TEMP_STORE 一致 KV 命名空间（KV namespace）: 选择你刚创建的 TEMP_STORE
点击「添加」此时无需 Secret，因为服务是公开上传。

第四步：绑定自定义域名路由#

前提：你的域名（如 tmp.yourdomain.com）已在 Cloudflare DNS 托管，且状态为 Proxied（橙色云图标）。操作路径：在 Worker 详情页 → 顶部标签栏选择「设置」 → 滚动到「Routes」区域操作步骤：

点击「Add Route」
输入： Route: tmp.yourdomain.com/
点击「保存」 📌 注意：必须带 /，否则根路径 / 无法匹配域名必须已在 Cloudflare DNS 中，且代理开启（橙色云）

第五步：验证功能#

测试项操作预期结果

首页访问浏览器打开 https://tmp.yourdomain.com 显示文件上传页面上传文件选择 ≤25MB 文件点击上传返回短链接，如 https://tmp.yourdomain.com/abcd 下载文件访问该短链接浏览器自动下载，保留原始文件名过期测试 12 小时后再次访问返回 404 Not Found API 测试（可选）：

1
curl -X POST https://tmp.yourdomain.com/api/upload-public \
2
-F "file=@test.txt"

成功响应：

1
{"downloadUrl":"https://tmp.yourdomain.com/abcd"}

注意事项 & 最佳实践#

ID 长度与容量当前使用 4 位 ID（如 abcd），安全上限：≈1,600 文件 / 12 小时若需更高容量，改为 5 位：

1
return Math.random().toString(36).substring(2, 7); // 5字符

并将路由判断改为 segments[0].length >= 5 2. 文件限制单文件 ≤ 25 MB（Cloudflare Workers 限制）自动 12 小时过期（通过 expirationTtl: 43200 实现） 3. 路径冲突防护已预留以下路径，不会被当作文件 ID：

1
const reservedPaths = new Set([
2
'api', 'upload', 'f', 'favicon.ico', 'robots.txt', 'about'
3
]);

HTTPS 与安全性 Cloudflare 自动提供 HTTPS，无需配置证书上传接口为公开，如需鉴权可参考短链接服务增加 API_TOKEN

至此，临时文件存储服务已上线！链接简洁、自动清理、保留文件名，适合分享日志、截图、临时文档等场景。