1 Commits
Author SHA1 Message Date
tao.chen d225b6e182 update: chunk upload 2026-09-11 20:02:47 +08:00
13 changed files with 591 additions and 379 deletions
-4
View File
@@ -34,9 +34,6 @@ curl -F "file=@report.pdf" http://localhost:8080/upload
-scan 1h 清理扫描间隔 -scan 1h 清理扫描间隔
-quota 10737418240 总目录配额(字节,默认 10 GB;0 = 不限) -quota 10737418240 总目录配额(字节,默认 10 GB;0 = 不限)
-audit-dir ./data/audit 审计日志目录(每天一个 YYYY-MM-DD.log 文件;空字符串禁用) -audit-dir ./data/audit 审计日志目录(每天一个 YYYY-MM-DD.log 文件;空字符串禁用)
-file-viewer-cdn https://unpkg.com/@file-viewer/web-full@3.0.0 文件预览库 CDN 地址
-file-viewer-cache ./data/file-viewer 文件预览库资源缓存目录(空字符串 = 禁用,全部 CDN 透传)
-file-viewer-ttl 0 缓存文件有效期(0 = 永久)
``` ```
示例:把 TTL 改成 1 小时、配额 1 GB: 示例:把 TTL 改成 1 小时、配额 1 GB:
@@ -58,7 +55,6 @@ curl -F "file=@report.pdf" http://localhost:8080/upload
| POST | `/download-zip` | 批量下载 (body: `{"files":[...]}`, 最多 100 项) | | POST | `/download-zip` | 批量下载 (body: `{"files":[...]}`, 最多 100 项) |
| POST | `/files-delete` | 批量删除 (body: `{"files":[...]}`, 最多 100 项) | | POST | `/files-delete` | 批量删除 (body: `{"files":[...]}`, 最多 100 项) |
| DELETE | `/files/:filename` | 删除文件 | | DELETE | `/files/:filename` | 删除文件 |
| GET | `/file-viewer/*filepath` | 文件预览库资源(CDN 缓存代理) |
--- ---
+366
View File
@@ -0,0 +1,366 @@
package main
import (
"encoding/json"
"io"
"log"
"net/http"
"os"
"path/filepath"
"regexp"
"strconv"
"sync"
"time"
"github.com/gin-gonic/gin"
)
const (
chunkDir = "./data/chunks"
chunkThreshold = 5 << 30 // >5GB 才走分片
chunkSize = 1 << 30 // 每片 1GB
)
var uploadIDRe = regexp.MustCompile(`^[a-zA-Z0-9_-]{8,64}$`)
type chunkMeta struct {
UploadID string `json:"upload_id"`
Filename string `json:"filename"`
TotalSize int64 `json:"total_size"`
TotalChunks int `json:"total_chunks"`
Received map[int]bool `json:"received"`
CreatedAt time.Time `json:"created_at"`
Reserved int64 `json:"reserved"`
}
// 全局 map 存 in-flight 上传; 持锁只做元数据操作, 1GB 分片 io.Copy 在锁外进行.
// ponytail: 全局锁, 若并发大文件上传成为瓶颈再换 per-upload 锁.
var (
chunkMu sync.RWMutex
chunkMetaMap = map[string]*chunkMeta{}
)
func chunkDirPath(id string) string { return filepath.Join(chunkDir, id) }
func chunkFilePath(id string, idx int) string {
return filepath.Join(chunkDir, id, strconv.Itoa(idx))
}
func metaPath(id string) string { return filepath.Join(chunkDir, id, "meta.json") }
// saveMeta 原子写 meta.json (.tmp + rename).
func saveMeta(m *chunkMeta) error {
b, err := json.Marshal(m)
if err != nil {
return err
}
tmp := metaPath(m.UploadID) + ".tmp"
if err := os.WriteFile(tmp, b, 0o644); err != nil {
return err
}
return os.Rename(tmp, metaPath(m.UploadID))
}
func loadMeta(id string) *chunkMeta {
b, err := os.ReadFile(metaPath(id))
if err != nil {
return nil
}
var m chunkMeta
if err := json.Unmarshal(b, &m); err != nil {
return nil
}
return &m
}
// expectedChunks totalSize 按 chunkSize 分片应有的片数
func expectedChunks(totalSize int64) int {
return int((totalSize + chunkSize - 1) / chunkSize)
}
// expectedChunkSize 第 i 片应有的字节数 (最后一片是余数)
func expectedChunkSize(totalSize int64, i int) int64 {
if n := totalSize - int64(i)*chunkSize; n < chunkSize {
return n
}
return chunkSize
}
func uploadChunkHandler(c *gin.Context) {
uploadID := c.GetHeader("X-Upload-Id")
if !uploadIDRe.MatchString(uploadID) {
c.JSON(http.StatusBadRequest, gin.H{"error": "invalid upload id"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "invalid_upload_id"})
return
}
idx, err := strconv.Atoi(c.GetHeader("X-Chunk-Index"))
if err != nil {
c.JSON(http.StatusBadRequest, gin.H{"error": "invalid chunk index"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "invalid_chunk_index"})
return
}
totalChunks, err := strconv.Atoi(c.GetHeader("X-Total-Chunks"))
if err != nil {
c.JSON(http.StatusBadRequest, gin.H{"error": "invalid total chunks"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "invalid_total_chunks"})
return
}
filename := c.GetHeader("X-Filename")
if !checkFilenameSafe(filename) {
c.JSON(http.StatusBadRequest, gin.H{"error": "invalid filename"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "invalid_filename"})
return
}
totalSize, err := strconv.ParseInt(c.GetHeader("X-Total-Size"), 10, 64)
if err != nil {
c.JSON(http.StatusBadRequest, gin.H{"error": "invalid total size"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "invalid_total_size"})
return
}
if totalSize <= chunkThreshold {
c.JSON(http.StatusBadRequest, gin.H{"error": "chunked upload is for files > 5GB"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "below_threshold"})
return
}
if totalChunks < 1 || idx < 0 || idx >= totalChunks {
c.JSON(http.StatusBadRequest, gin.H{"error": "chunk index out of range"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "index": idx, "total": totalChunks, "result": "index_out_of_range"})
return
}
if e := expectedChunks(totalSize); totalChunks < e-1 || totalChunks > e+1 {
c.JSON(http.StatusBadRequest, gin.H{"error": "total chunks mismatch"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "total": totalChunks, "expected": e, "result": "chunk_count_mismatch"})
return
}
if totalSize > quotaRemaining() {
c.JSON(http.StatusInsufficientStorage, gin.H{"error": "quota exceeded"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "size": totalSize, "result": "quota_exceeded"})
return
}
chunk, err := c.FormFile("chunk")
if err != nil {
c.JSON(http.StatusBadRequest, gin.H{"error": "missing form field 'chunk'"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "missing_form_field"})
return
}
dir := chunkDirPath(uploadID)
chunkMu.RLock()
meta, inMap := chunkMetaMap[uploadID]
chunkMu.RUnlock()
if !inMap {
meta = loadMeta(uploadID) // 进程重启后从磁盘恢复
if meta != nil {
chunkMu.Lock()
chunkMetaMap[uploadID] = meta
chunkMu.Unlock()
}
}
if meta == nil {
if idx != 0 {
c.JSON(http.StatusNotFound, gin.H{"error": "upload not found"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "upload_not_found"})
return
}
if err := os.MkdirAll(dir, 0o755); err != nil {
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "mkdir_failed"})
return
}
if !quotaReserve(totalSize) {
_ = os.RemoveAll(dir)
c.JSON(http.StatusInsufficientStorage, gin.H{"error": "quota exceeded"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "size": totalSize, "result": "quota_exceeded"})
return
}
meta = &chunkMeta{
UploadID: uploadID, Filename: filename, TotalSize: totalSize,
TotalChunks: totalChunks, Received: map[int]bool{},
CreatedAt: time.Now(), Reserved: totalSize,
}
chunkMu.Lock()
chunkMetaMap[uploadID] = meta
err = saveMeta(meta)
chunkMu.Unlock()
if err != nil {
abortChunkUpload(uploadID, meta)
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "meta_save_failed"})
return
}
} else if idx > 0 {
if _, err := os.Stat(dir); err != nil {
c.JSON(http.StatusNotFound, gin.H{"error": "upload not found"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "result": "upload_not_found"})
return
}
}
// 写分片: multipart → 流式 io.Copy 落盘, 不进内存
dst := chunkFilePath(uploadID, idx)
in, err := chunk.Open()
if err != nil {
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "index": idx, "result": "open_failed"})
return
}
out, err := os.Create(dst)
if err != nil {
in.Close()
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "index": idx, "result": "create_failed"})
return
}
_, cpErr := io.Copy(out, in)
in.Close()
if cerr := out.Close(); cerr != nil && cpErr == nil {
cpErr = cerr
}
if cpErr != nil {
_ = os.Remove(dst)
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "index": idx, "result": "write_failed"})
return
}
// 更新 Received + 持久化 (持写锁, 防并发分片时 meta.json 丢进度)
chunkMu.Lock()
meta.Received[idx] = true
err = saveMeta(meta)
complete := len(meta.Received) == meta.TotalChunks
chunkMu.Unlock()
if err != nil {
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "index": idx, "result": "meta_save_failed"})
return
}
if !complete {
c.JSON(http.StatusAccepted, gin.H{"received": len(meta.Received), "total": meta.TotalChunks})
audit(c, "upload_chunk", gin.H{"upload_id": uploadID, "index": idx, "received": len(meta.Received), "total": meta.TotalChunks, "result": "ok"})
return
}
assembleChunks(c, uploadID, meta)
}
// assembleChunks 所有分片到位后顺序拼装落盘并清理.
// ponytail: 末片重传/并发组装不额外去重, 前端单分片串行重试不会触发.
func assembleChunks(c *gin.Context, uploadID string, meta *chunkMeta) {
dir := chunkDirPath(uploadID)
for i := 0; i < meta.TotalChunks; i++ {
info, err := os.Stat(chunkFilePath(uploadID, i))
if err != nil || info.Size() != expectedChunkSize(meta.TotalSize, i) {
abortChunkUpload(uploadID, meta)
c.JSON(http.StatusBadRequest, gin.H{"error": "chunk size mismatch"})
audit(c, "upload_assembled", gin.H{"upload_id": uploadID, "index": i, "result": "chunk_size_mismatch"})
return
}
}
name := uniqueFilename(*uploadDir, meta.Filename)
dst := filepath.Join(*uploadDir, name)
out, err := os.Create(dst)
if err != nil {
abortChunkUpload(uploadID, meta)
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_assembled", gin.H{"upload_id": uploadID, "result": "create_failed"})
return
}
var realSize int64
for i := 0; i < meta.TotalChunks; i++ {
in, err := os.Open(chunkFilePath(uploadID, i))
if err != nil {
out.Close()
_ = os.Remove(dst)
abortChunkUpload(uploadID, meta)
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_assembled", gin.H{"upload_id": uploadID, "index": i, "result": "open_failed"})
return
}
n, cErr := io.Copy(out, in)
in.Close()
if cErr != nil {
out.Close()
_ = os.Remove(dst)
abortChunkUpload(uploadID, meta)
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_assembled", gin.H{"upload_id": uploadID, "index": i, "result": "copy_failed"})
return
}
realSize += n
}
if err := out.Close(); err != nil {
_ = os.Remove(dst)
abortChunkUpload(uploadID, meta)
c.JSON(http.StatusInternalServerError, gin.H{"error": "internal error"})
audit(c, "upload_assembled", gin.H{"upload_id": uploadID, "result": "close_failed"})
return
}
// 配额: 释放预留, 按真实大小重新占用
quotaSub(meta.Reserved)
quotaReserve(realSize)
chunkMu.Lock()
delete(chunkMetaMap, uploadID)
chunkMu.Unlock()
_ = os.RemoveAll(dir)
now := time.Now()
_ = os.Chtimes(dst, now, now)
c.JSON(http.StatusOK, fileResponse{
Filename: name, URL: "/download/" + name, Size: realSize,
UploadedAt: now, ExpiresAt: now.Add(*fileTTL),
})
audit(c, "upload_assembled", gin.H{
"upload_id": uploadID, "file": name, "size": realSize, "result": "ok",
})
}
// abortChunkUpload 失败时释放预留配额并清掉分片目录与内存记录
func abortChunkUpload(uploadID string, meta *chunkMeta) {
quotaSub(meta.Reserved)
chunkMu.Lock()
delete(chunkMetaMap, uploadID)
chunkMu.Unlock()
_ = os.RemoveAll(chunkDirPath(uploadID))
}
// cleanupChunks 清理超过 maxAge 的孤儿分片目录并释放预留配额
func cleanupChunks(maxAge time.Duration) {
entries, err := os.ReadDir(chunkDir)
if err != nil {
if !os.IsNotExist(err) {
log.Printf("[cleaner] read chunk dir failed: %v", err)
}
return
}
now := time.Now()
for _, e := range entries {
if !e.IsDir() {
continue
}
id := e.Name()
dir := chunkDirPath(id)
if !uploadIDRe.MatchString(id) {
_ = os.RemoveAll(dir) // 非法目录名 (非本服务生成), 直接清
continue
}
meta := loadMeta(id)
if meta == nil {
// 无 meta 的孤儿目录: 无法确定 reserved, 删目录即可 (quota 由 cleaner 的 rescanQuota 校正)
_ = os.RemoveAll(dir)
chunkMu.Lock()
delete(chunkMetaMap, id)
chunkMu.Unlock()
continue
}
if now.Sub(meta.CreatedAt) > maxAge {
quotaSub(meta.Reserved)
chunkMu.Lock()
delete(chunkMetaMap, id)
chunkMu.Unlock()
_ = os.RemoveAll(dir)
log.Printf("[cleaner] removed orphan chunks: %s (age=%v)", id, now.Sub(meta.CreatedAt))
}
}
}
+84
View File
@@ -0,0 +1,84 @@
package main
import (
"bytes"
"mime/multipart"
"net/http"
"net/http/httptest"
"strconv"
"testing"
"github.com/gin-gonic/gin"
)
// 分片数学: 片数 ceil 与每片期望大小
func TestChunkMath(t *testing.T) {
if got := expectedChunks(5<<30 + 1); got != 6 {
t.Fatalf("expectedChunks(5GB+1) = %d, want 6", got)
}
if got := expectedChunks(5 << 30); got != 5 {
t.Fatalf("expectedChunks(5GB) = %d, want 5", got)
}
if got := expectedChunkSize(5<<30+1, 0); got != chunkSize {
t.Fatalf("chunk0 size = %d, want 1GB", got)
}
if got := expectedChunkSize(5<<30+1, 5); got != 1 {
t.Fatalf("last chunk size = %d, want 1", got)
}
}
func chunkRequest(t *testing.T, uploadID string, idx, totalChunks int, filename string, totalSize int64, content []byte) *gin.Context {
t.Helper()
var buf bytes.Buffer
w := multipart.NewWriter(&buf)
fw, err := w.CreateFormFile("chunk", "chunk")
if err != nil {
t.Fatal(err)
}
fw.Write(content)
w.Close()
req := httptest.NewRequest("POST", "/upload-chunk", &buf)
req.Header.Set("Content-Type", w.FormDataContentType())
req.Header.Set("X-Upload-Id", uploadID)
req.Header.Set("X-Chunk-Index", strconv.Itoa(idx))
req.Header.Set("X-Total-Chunks", strconv.Itoa(totalChunks))
req.Header.Set("X-Filename", filename)
req.Header.Set("X-Total-Size", strconv.FormatInt(totalSize, 10))
rec := httptest.NewRecorder()
c, _ := gin.CreateTestContext(rec)
c.Request = req
return c
}
// 校验拒绝路径: 非法 id / 小于阈值 / 越界 / 片数不匹配 / 超配额, 均不落盘
func TestChunkHandlerRejections(t *testing.T) {
*auditDir = "" // 测试不写审计日志
oldQuota := *quota
*quota = 1 << 30
defer func() { *quota = oldQuota }()
cases := []struct {
name string
id string
idx int
total int
fn string
size int64
status int
}{
{"invalid upload id", "bad id!", 0, 6, "x.bin", chunkThreshold + 1, http.StatusBadRequest},
{"below threshold", "uploadid123456", 0, 1, "x.bin", chunkThreshold, http.StatusBadRequest},
{"index out of range", "uploadid123456", 6, 6, "x.bin", chunkThreshold + 1, http.StatusBadRequest},
{"chunk count mismatch", "uploadid123456", 0, 2, "x.bin", chunkThreshold + 1, http.StatusBadRequest},
{"quota exceeded", "uploadid123456", 0, 6, "x.bin", chunkThreshold + 1, http.StatusInsufficientStorage},
}
for _, tc := range cases {
t.Run(tc.name, func(t *testing.T) {
c := chunkRequest(t, tc.id, tc.idx, tc.total, tc.fn, tc.size, []byte("data"))
uploadChunkHandler(c)
if c.Writer.Status() != tc.status {
t.Fatalf("status = %d, want %d", c.Writer.Status(), tc.status)
}
})
}
}
+9
View File
@@ -51,6 +51,15 @@ func startCleaner() {
log.Fatalf("add cron job failed: %v", err) log.Fatalf("add cron job failed: %v", err)
} }
c.Start() c.Start()
// 分片目录独立清理: 复用同一周期, 清掉孤儿分片并释放预留配额
go func() {
cleanupChunks(*fileTTL) // 启动先清一轮, 处理上次进程遗留
ticker := time.NewTicker(*scanEvery)
defer ticker.Stop()
for range ticker.C {
cleanupChunks(*fileTTL)
}
}()
log.Printf("[cleaner] started, schedule=@every %s dir=%s ttl=%s", log.Printf("[cleaner] started, schedule=@every %s dir=%s ttl=%s",
scanEvery, *uploadDir, *fileTTL) scanEvery, *uploadDir, *fileTTL)
}) })
-210
View File
@@ -1,210 +0,0 @@
package main
import (
"flag"
"fmt"
"io"
"log"
"net/http"
"os"
"path"
"path/filepath"
"strings"
"time"
"github.com/gin-gonic/gin"
"golang.org/x/sync/singleflight"
)
// -----------------------------------------------------------------------------
// file-viewer CDN 资源本地缓存代理
//
// 前端 HTML 引用 /file-viewer/dist/flyfish-file-viewer-web-full.iife.js, 后端
// 先读本地缓存, 命中直接返回; 未命中从 unpkg 拉, 边写盘边流回客户端, 后续请求
// 全部走磁盘. vendor/ 资源同理按需拉取.
//
// 设计取舍:
// - 缓存键 = URL 相对路径 (如 dist/foo.js / vendor/libarchive/worker-bundle.js).
// 升级 library 版本需手动 -rm 缓存目录, 避免旧版资源污染.
// - 缓存目录不可写时降级为纯 CDN 透传, 不阻断预览功能.
// - 缓存关闭 (-file-viewer-cache="") 时完全走 CDN, 行为与改造前一致.
// -----------------------------------------------------------------------------
var (
fileViewerCDN = flag.String("file-viewer-cdn", "https://unpkg.com/@file-viewer/web-full@3.0.0", "file-viewer CDN base URL")
fileViewerCacheDir = flag.String("file-viewer-cache", "./data/file-viewer", "file-viewer 资源缓存目录 (空字符串 = 禁用缓存, 全部 CDN 透传)")
fileViewerCacheTTL = flag.Duration("file-viewer-ttl", 0, "缓存文件最大有效期 (0 = 永久, 仅在文件已存在时刷新 Content-Type)")
)
// 30 min 足够 330 KB 的 iife 与 vendor/ 下最大的 docx/pptx wasm (~50 MB) 在慢网下完成
var fileViewerHTTPClient = &http.Client{Timeout: 30 * time.Minute}
// fileViewerFetchGroup 按 cachePath 去重并发 fetch:
// 同 key 同一时刻只有一个 goroutine 真正去 CDN 拉, 其他并发请求阻塞等待,
// fetch 完成后从磁盘读 (文件已经落盘). 避免多个请求对同一文件重复上游拉取 + 写盘竞态.
var fileViewerFetchGroup singleflight.Group
// fileViewerProxy 处理 GET /file-viewer/*filepath.
// 1. 校验路径防 ../ 越界
// 2. 缓存命中 -> 直接读盘
// 3. 缓存未命中 -> 拉上游, 边写盘边流回
// 4. 缓存关闭 -> 直接透传到 CDN
func fileViewerProxy(c *gin.Context) {
raw := c.Param("filepath")
name, ok := validateFileViewerPath(raw)
if !ok {
c.JSON(http.StatusBadRequest, gin.H{"error": "invalid path"})
return
}
if *fileViewerCacheDir == "" {
proxyFileViewer(c, name)
return
}
cachePath := filepath.Join(*fileViewerCacheDir, filepath.FromSlash(name))
// 命中: 直接读盘 (TTL > 0 且文件超过有效期则强制回源)
if info, err := os.Stat(cachePath); err == nil && !info.IsDir() {
if *fileViewerCacheTTL <= 0 || time.Since(info.ModTime()) < *fileViewerCacheTTL {
c.Header("Cache-Control", "public, max-age=31536000, immutable")
c.File(cachePath)
return
}
log.Printf("[file-viewer] cache expired, refetching %s", name)
}
// 未命中: 拉上游 + 边写盘边流回
fetchAndCache(c, cachePath, name)
}
// validateFileViewerPath 校验并清理 fileviewer 子路径, 防 ../ 越界.
// gin 的 *filepath wildcard 包含前导 '/', 先 strip 再清理.
// 先按 '/' 切分检查 `..` 分量 (path.Clean 会折叠中间 .., 仅靠它不够),
// 再 path.Clean 兜底处理 // / ./ 等冗余.
func validateFileViewerPath(raw string) (string, bool) {
raw = strings.TrimPrefix(raw, "/")
if raw == "" || strings.ContainsRune(raw, 0) {
return "", false
}
for part := range strings.SplitSeq(raw, "/") {
if part == ".." {
return "", false
}
}
clean := path.Clean(raw)
if clean == "." || clean == "" || strings.HasPrefix(clean, "..") || strings.HasPrefix(clean, "/") {
return "", false
}
return clean, true
}
// proxyFileViewer: 缓存关闭时直接透传到 CDN.
func proxyFileViewer(c *gin.Context, name string) {
upstream := upstreamURL(name)
resp, err := fileViewerHTTPClient.Get(upstream)
if err != nil {
log.Printf("[file-viewer] upstream fetch %s: %v", name, err)
c.JSON(http.StatusBadGateway, gin.H{"error": "upstream fetch failed"})
return
}
defer resp.Body.Close()
if ct := resp.Header.Get("Content-Type"); ct != "" {
c.Header("Content-Type", ct)
}
c.Status(resp.StatusCode)
if _, err := io.Copy(c.Writer, resp.Body); err != nil {
log.Printf("[file-viewer] stream %s: %v", name, err)
}
}
// fetchAndCache: 通过 singleflight 按 cachePath 去重并发. 同一个 key 只有第一个
// 请求调 doFetchAndCache (拉 CDN + 边写盘边流回 writer 的 c.Writer); 其他并发
// 请求阻塞等待, 拿到结果后从磁盘读 (c.File).
//
// 注意: singleflight 的 shared=true 表示"结果被分享给多个 caller", 并不区分
// 首 caller 还是后续 caller. 这里用 closure 变量 isWriter 精确标识谁是写者:
// - closure 被执行 = 写者 (响应已流回本 c.Writer, 直接返回)
// - closure 未执行 = 等待者 (自己组装响应: 错误 -> 502, 成功 -> c.File)
func fetchAndCache(c *gin.Context, cachePath, name string) {
isWriter := false
_, err, _ := fileViewerFetchGroup.Do(cachePath, func() (interface{}, error) {
isWriter = true
return nil, doFetchAndCache(c, cachePath, name)
})
if isWriter {
return
}
if err != nil {
c.JSON(http.StatusBadGateway, gin.H{"error": err.Error()})
return
}
c.Header("Cache-Control", "public, max-age=31536000, immutable")
c.File(cachePath)
}
// doFetchAndCache: writer 路径专属 — 拉上游, 边写盘边流回传入的 c.Writer.
// 任何错误都会写入 c.Writer (502), 并返回 error 让 singleflight 把结果传给 waiter.
func doFetchAndCache(c *gin.Context, cachePath, name string) error {
upstream := upstreamURL(name)
resp, err := fileViewerHTTPClient.Get(upstream)
if err != nil {
log.Printf("[file-viewer] upstream fetch %s: %v", name, err)
c.JSON(http.StatusBadGateway, gin.H{"error": "upstream fetch failed"})
return err
}
defer resp.Body.Close()
if resp.StatusCode != http.StatusOK {
log.Printf("[file-viewer] upstream %s returned %d", name, resp.StatusCode)
c.JSON(http.StatusBadGateway, gin.H{"error": "upstream returned " + resp.Status})
return fmt.Errorf("upstream returned %s", resp.Status)
}
if ct := resp.Header.Get("Content-Type"); ct != "" {
c.Header("Content-Type", ct)
}
c.Header("Cache-Control", "public, max-age=31536000, immutable")
c.Status(http.StatusOK)
// 目录/文件创建失败 -> 降级透传, 不缓存
if err := os.MkdirAll(filepath.Dir(cachePath), 0o755); err != nil {
log.Printf("[file-viewer] mkdir cache dir: %v", err)
_, _ = io.Copy(c.Writer, resp.Body)
return err
}
f, err := os.Create(cachePath)
if err != nil {
log.Printf("[file-viewer] create cache file: %v", err)
_, _ = io.Copy(c.Writer, resp.Body)
return err
}
// 关键: MultiWriter 让客户端拿到的同时落盘, 用户感知零等待
mw := io.MultiWriter(c.Writer, f)
written, copyErr := io.Copy(mw, resp.Body)
cErr := f.Close()
if copyErr != nil || cErr != nil {
_ = os.Remove(cachePath) // 写一半的文件清理掉, 下次重新拉
if copyErr != nil {
log.Printf("[file-viewer] copy %s: %v", name, copyErr)
}
if cErr != nil {
log.Printf("[file-viewer] close %s: %v", name, cErr)
}
if copyErr != nil {
return copyErr
}
return cErr
}
log.Printf("[file-viewer] cached %s (%d bytes)", name, written)
return nil
}
func upstreamURL(name string) string {
return strings.TrimRight(*fileViewerCDN, "/") + "/" + name
}
+1 -2
View File
@@ -1,11 +1,10 @@
module tmp-upload module tmp-upload
go 1.25.0 go 1.24
require ( require (
github.com/gin-gonic/gin v1.10.0 github.com/gin-gonic/gin v1.10.0
github.com/robfig/cron/v3 v3.0.1 github.com/robfig/cron/v3 v3.0.1
golang.org/x/sync v0.22.0
) )
require ( require (
-2
View File
@@ -72,8 +72,6 @@ golang.org/x/crypto v0.23.0 h1:dIJU/v2J8Mdglj/8rJ6UUOM3Zc9zLZxVZwwxMooUSAI=
golang.org/x/crypto v0.23.0/go.mod h1:CKFgDieR+mRhux2Lsu27y0fO304Db0wZe70UKqHu0v8= golang.org/x/crypto v0.23.0/go.mod h1:CKFgDieR+mRhux2Lsu27y0fO304Db0wZe70UKqHu0v8=
golang.org/x/net v0.25.0 h1:d/OCCoBEUq33pjydKrGQhw7IlUPI2Oylr+8qLx49kac= golang.org/x/net v0.25.0 h1:d/OCCoBEUq33pjydKrGQhw7IlUPI2Oylr+8qLx49kac=
golang.org/x/net v0.25.0/go.mod h1:JkAGAh7GEvH74S6FOH42FLoXpXbE/aqXSrIQjXgsiwM= golang.org/x/net v0.25.0/go.mod h1:JkAGAh7GEvH74S6FOH42FLoXpXbE/aqXSrIQjXgsiwM=
golang.org/x/sync v0.22.0 h1:SZjpbeLmrCk4xhRSZFNZW5gFUeCeFgjekvI/+gfScek=
golang.org/x/sync v0.22.0/go.mod h1:9xrNwdLfx4jkKbNva9FpL6vEN7evnE43NNNJQ2LF3+0=
golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.20.0 h1:Od9JTbYCk261bKm4M/mw7AklTlFYIa0bIp9BgSm1S8Y= golang.org/x/sys v0.20.0 h1:Od9JTbYCk261bKm4M/mw7AklTlFYIa0bIp9BgSm1S8Y=
+8 -2
View File
@@ -24,6 +24,12 @@ type fileResponse struct {
ExpiresAt time.Time `json:"expires_at"` ExpiresAt time.Time `json:"expires_at"`
} }
// checkFilenameSafe 校验文件名: 不含 NUL 字节, 且不超过 200 字节 (Linux NAME_MAX=255 的余量).
// 供 uploadHandler 与 uploadChunkHandler 复用 (NUL/200 校验只写这一份).
func checkFilenameSafe(name string) bool {
return !strings.ContainsRune(name, 0) && len(name) <= 200
}
// validateFilename 从 URL/JSON 参数提取并校验 filename. // validateFilename 从 URL/JSON 参数提取并校验 filename.
// 返回 (sanitized, true) 表示安全可访问, 否则返回 ("", false). // 返回 (sanitized, true) 表示安全可访问, 否则返回 ("", false).
// 规则与 downloadHandler 原内联逻辑一致: filepath.Base + 拒绝 "" / "." / ".." // 规则与 downloadHandler 原内联逻辑一致: filepath.Base + 拒绝 "" / "." / ".."
@@ -44,14 +50,14 @@ func uploadHandler(c *gin.Context) {
audit(c, "upload", gin.H{"file": "", "result": "missing_form_field"}) audit(c, "upload", gin.H{"file": "", "result": "missing_form_field"})
return return
} }
// 早 reject: 防止 NUL 字节 + 超长文件名打爆 Stat/Save // 早 reject: 防止 NUL 字节 + 超长文件名打爆 Stat/Save (规则与分片上传共用)
if !checkFilenameSafe(f.Filename) {
if strings.ContainsRune(f.Filename, 0) { if strings.ContainsRune(f.Filename, 0) {
c.JSON(http.StatusBadRequest, gin.H{"error": "filename contains null byte"}) c.JSON(http.StatusBadRequest, gin.H{"error": "filename contains null byte"})
audit(c, "upload", gin.H{"file": f.Filename, "result": "null_byte"}) audit(c, "upload", gin.H{"file": f.Filename, "result": "null_byte"})
return return
} }
// Linux/macOS 路径分量 NAME_MAX = 255 字节 // Linux/macOS 路径分量 NAME_MAX = 255 字节
if len(f.Filename) > 200 {
c.JSON(http.StatusBadRequest, gin.H{"error": "filename too long (max 200 bytes)"}) c.JSON(http.StatusBadRequest, gin.H{"error": "filename too long (max 200 bytes)"})
audit(c, "upload", gin.H{"file": f.Filename, "result": "filename_too_long"}) audit(c, "upload", gin.H{"file": f.Filename, "result": "filename_too_long"})
return return
+1 -3
View File
@@ -58,15 +58,13 @@ func main() {
// 业务路由 // 业务路由
r.POST("/upload", uploadHandler) r.POST("/upload", uploadHandler)
r.POST("/upload-chunk", uploadChunkHandler)
r.GET("/download/:filename", downloadHandler) r.GET("/download/:filename", downloadHandler)
r.POST("/download-zip", batchDownloadHandler) r.POST("/download-zip", batchDownloadHandler)
r.POST("/files-delete", batchDeleteHandler) r.POST("/files-delete", batchDeleteHandler)
r.DELETE("/files/:filename", deleteHandler) r.DELETE("/files/:filename", deleteHandler)
r.GET("/files", listHandler) r.GET("/files", listHandler)
// file-viewer CDN 资源本地缓存代理 (前端文件预览依赖)
r.GET("/file-viewer/*filepath", fileViewerProxy)
log.Printf("server listening on %s, uploads -> %s, ttl=%s", *listen, *uploadDir, *fileTTL) log.Printf("server listening on %s, uploads -> %s, ttl=%s", *listen, *uploadDir, *fileTTL)
if err := r.Run(*listen); err != nil { if err := r.Run(*listen); err != nil {
log.Fatal(err) log.Fatal(err)
-62
View File
@@ -357,65 +357,3 @@
transition: width 0.2s; transition: width 0.2s;
} }
.total-label { font-size: 12px; color: var(--text-dim); white-space: nowrap; } .total-label { font-size: 12px; color: var(--text-dim); white-space: nowrap; }
/* Preview modal */
.preview-modal {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
}
.preview-modal[hidden] { display: none; }
.preview-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(2px);
}
.preview-panel {
position: relative;
width: min(1100px, 92vw);
height: min(820px, 88vh);
background: var(--panel);
border: 1px solid var(--border);
border-radius: 12px;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
display: flex;
flex-direction: column;
overflow: hidden;
}
.preview-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 16px;
border-bottom: 1px solid var(--border);
background: var(--panel-2);
}
.preview-title {
flex: 1;
min-width: 0;
color: var(--text);
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.preview-actions { display: flex; gap: 6px; flex-shrink: 0; }
.preview-body {
flex: 1;
min-height: 0;
background: var(--bg);
overflow: auto;
}
.preview-loading {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--text-dim);
font-size: 14px;
}
+93 -66
View File
@@ -23,12 +23,6 @@ const batchBtn = $('batchBtn');
const batchCount = $('batchCount'); const batchCount = $('batchCount');
const batchDeleteBtn = $('batchDeleteBtn'); const batchDeleteBtn = $('batchDeleteBtn');
const batchDeleteCount= $('batchDeleteCount'); const batchDeleteCount= $('batchDeleteCount');
const previewModal = $('previewModal');
const previewBackdrop= $('previewBackdrop');
const previewTitle = $('previewTitle');
const previewBody = $('previewBody');
const previewClose = $('previewClose');
const previewDownload= $('previewDownload');
// pending[i] = { id, file, xhr, status: 'pending'|'uploading'|'done'|'error'|'cancelled', progress, error } // pending[i] = { id, file, xhr, status: 'pending'|'uploading'|'done'|'error'|'cancelled', progress, error }
let pending = []; let pending = [];
@@ -96,6 +90,8 @@ function addFiles(fileList) {
id: nextId++, id: nextId++,
file: f, file: f,
xhr: null, xhr: null,
chunkXhrs: new Set(),
chunkProgress: null,
status: 'pending', status: 'pending',
progress: 0, progress: 0,
loaded: 0, loaded: 0,
@@ -123,9 +119,9 @@ function renderPending() {
item.status === 'error' ? '✗' : item.status === 'error' ? '✗' :
item.status === 'cancelled' ? '⊘' : ''; item.status === 'cancelled' ? '⊘' : '';
const sizeInfo = item.file.size > 0 const sizeInfo = (item.file.size > 0
? `${formatSize(item.loaded)} / ${formatSize(item.file.size)}` ? `${formatSize(item.loaded)} / ${formatSize(item.file.size)}`
: formatSize(item.file.size); : formatSize(item.file.size)) + (item.file.size > CHUNK_THRESHOLD ? ' (分片上传)' : '');
div.innerHTML = ` div.innerHTML = `
<div class="progress-item-head"> <div class="progress-item-head">
@@ -185,6 +181,8 @@ function renderPending() {
function cancelItem(id) { function cancelItem(id) {
const item = pending.find(p => p.id === id); const item = pending.find(p => p.id === id);
if (!item) return; if (!item) return;
item.chunkXhrs.forEach(x => x.abort());
item.chunkXhrs.clear();
if (item.xhr) { if (item.xhr) {
item.xhr.abort(); item.xhr.abort();
item.status = 'cancelled'; item.status = 'cancelled';
@@ -197,8 +195,10 @@ function cancelItem(id) {
function removeItem(id) { function removeItem(id) {
const item = pending.find(p => p.id === id); const item = pending.find(p => p.id === id);
if (item && item.xhr && item.xhr.readyState !== XMLHttpRequest.DONE) { if (item) {
item.xhr.abort(); item.chunkXhrs.forEach(x => x.abort());
item.chunkXhrs.clear();
if (item.xhr && item.xhr.readyState !== XMLHttpRequest.DONE) item.xhr.abort();
} }
pending = pending.filter(p => p.id !== id); pending = pending.filter(p => p.id !== id);
renderPending(); renderPending();
@@ -207,6 +207,8 @@ function removeItem(id) {
clearBtn.addEventListener('click', () => { clearBtn.addEventListener('click', () => {
// 取消所有进行中的上传 // 取消所有进行中的上传
pending.forEach(p => { pending.forEach(p => {
p.chunkXhrs.forEach(x => x.abort());
p.chunkXhrs.clear();
if (p.xhr && p.xhr.readyState !== XMLHttpRequest.DONE) p.xhr.abort(); if (p.xhr && p.xhr.readyState !== XMLHttpRequest.DONE) p.xhr.abort();
}); });
pending = []; pending = [];
@@ -244,7 +246,7 @@ uploadBtn.addEventListener('click', async () => {
item.error = null; item.error = null;
renderPending(); renderPending();
try { try {
await uploadOne(item); await (item.file.size > CHUNK_THRESHOLD ? uploadChunked(item) : uploadOne(item));
item.status = 'done'; item.status = 'done';
item.progress = 100; item.progress = 100;
} catch (err) { } catch (err) {
@@ -314,6 +316,86 @@ function uploadOne(item) {
}); });
} }
// ---------------------------------------------------------------------------
// 大文件分片上传 (>5GB, 1GB/片)
// ---------------------------------------------------------------------------
async function uploadChunked(item) {
const uploadId = uuid();
const totalChunks = Math.ceil(item.file.size / CHUNK_SIZE);
item.chunkProgress = new Array(totalChunks).fill(0);
let result = null;
const tasks = Array.from({ length: totalChunks }, (_, i) => async () => {
if (item.status !== 'uploading') return; // 已取消则不再发起新分片
const r = await uploadOneChunk(item, uploadId, i, totalChunks);
if (i === totalChunks - 1) result = r; // 末片响应即整个上传结果
});
await runWithLimit(tasks, 3);
return result;
}
// 单分片上传: 失败最多重试 3 次, 退避 500/1000/2000ms
function uploadOneChunk(item, uploadId, idx, total) {
return new Promise((resolve, reject) => {
const delays = [500, 1000, 2000];
const attempt = n => {
if (item.status === 'cancelled') {
const e = new Error('aborted'); e.name = 'AbortError'; reject(e);
return;
}
const xhr = new XMLHttpRequest();
item.chunkXhrs.add(xhr);
const fd = new FormData();
const start = idx * CHUNK_SIZE;
const end = Math.min(start + CHUNK_SIZE, item.file.size);
fd.append('chunk', item.file.slice(start, end));
xhr.open('POST', '/upload-chunk');
xhr.setRequestHeader('X-Upload-Id', uploadId);
xhr.setRequestHeader('X-Chunk-Index', String(idx));
xhr.setRequestHeader('X-Total-Chunks', String(total));
xhr.setRequestHeader('X-Filename', item.file.name);
xhr.setRequestHeader('X-Total-Size', String(item.file.size));
xhr.upload.onprogress = e => {
if (e.lengthComputable) {
item.chunkProgress[idx] = e.loaded;
item.loaded = item.chunkProgress.reduce((s, v) => s + v, 0);
item.progress = item.file.size ? Math.round(item.loaded / item.file.size * 100) : 0;
renderPending();
}
};
const cleanup = () => item.chunkXhrs.delete(xhr);
xhr.onload = () => {
cleanup();
if (xhr.status >= 200 && xhr.status < 300) {
if (idx === total - 1) {
let res = {};
try { res = JSON.parse(xhr.responseText); } catch {}
resolve(res);
} else {
resolve(undefined);
}
} else if (n < 4) {
setTimeout(() => attempt(n + 1), delays[n - 1]);
} else {
let msg = 'HTTP ' + xhr.status;
try { msg = JSON.parse(xhr.responseText).error || msg; } catch {}
reject(new Error(msg));
}
};
xhr.onerror = () => {
cleanup();
if (n < 4) setTimeout(() => attempt(n + 1), delays[n - 1]);
else reject(new Error('network error'));
};
xhr.onabort = () => {
cleanup();
const e = new Error('aborted'); e.name = 'AbortError'; reject(e);
};
xhr.send(fd);
};
attempt(1);
});
}
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
// File list // File list
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
@@ -383,14 +465,12 @@ function fileRow(f) {
</div> </div>
</div> </div>
<div class="file-actions"> <div class="file-actions">
<button class="icon-btn" title="预览" data-preview="${escapeHtml(f.filename)}">▷</button>
<button class="icon-btn" title="复制链接" data-url="${escapeHtml(f.url)}">⎘</button> <button class="icon-btn" title="复制链接" data-url="${escapeHtml(f.url)}">⎘</button>
<a class="icon-btn" title="下载" href="${escapeHtml(f.url)}" download>↓</a> <a class="icon-btn" title="下载" href="${escapeHtml(f.url)}" download>↓</a>
<button class="icon-btn danger" title="删除" data-delete="${escapeHtml(f.filename)}">✕</button> <button class="icon-btn danger" title="删除" data-delete="${escapeHtml(f.filename)}">✕</button>
</div> </div>
`; `;
div.querySelector('.file-check').addEventListener('change', e => onCheckChange(f.filename, e.target.checked)); div.querySelector('.file-check').addEventListener('change', e => onCheckChange(f.filename, e.target.checked));
div.querySelector('[data-preview]').onclick = () => openPreview(f.filename, f.url);
div.querySelector('[data-url]').onclick = () => copyToClipboard(location.origin + f.url); div.querySelector('[data-url]').onclick = () => copyToClipboard(location.origin + f.url);
div.querySelector('[data-delete]').onclick = () => deleteFile(f.filename, div); div.querySelector('[data-delete]').onclick = () => deleteFile(f.filename, div);
return div; return div;
@@ -447,58 +527,5 @@ async function copyToClipboard(text) {
} }
} }
// ---------------------------------------------------------------------------
// Preview modal (依赖 CDN 加载的 FlyfishFileViewerWebFull 全局对象)
// ---------------------------------------------------------------------------
let previewViewer = null;
function openPreview(filename, url) {
if (!window.FlyfishFileViewerWebFull) {
toast('预览组件尚未加载完成, 请稍后再试', 'error');
return;
}
previewTitle.textContent = filename;
previewDownload.href = url;
previewDownload.download = filename;
previewBody.innerHTML = '<div class="preview-loading">加载中...</div>';
previewModal.hidden = false;
document.body.style.overflow = 'hidden';
// 卸载上一个实例, 防内存泄漏
if (previewViewer && typeof previewViewer.destroy === 'function') {
try { previewViewer.destroy(); } catch {}
}
previewViewer = null;
// mountViewer 接收 element 或 selector; 用容器 id 保证重入安全
try {
previewViewer = window.FlyfishFileViewerWebFull.mountViewer(previewBody, {
url,
options: {
theme: 'dark',
toolbar: { position: 'bottom-right' },
},
});
} catch (e) {
previewBody.innerHTML = `<div class="preview-loading">预览失败: ${escapeHtml(e && e.message || 'unknown')}</div>`;
}
}
function closePreview() {
previewModal.hidden = true;
document.body.style.overflow = '';
if (previewViewer && typeof previewViewer.destroy === 'function') {
try { previewViewer.destroy(); } catch {}
}
previewViewer = null;
previewBody.innerHTML = '';
}
previewClose.addEventListener('click', closePreview);
previewBackdrop.addEventListener('click', closePreview);
document.addEventListener('keydown', e => {
if (e.key === 'Escape' && !previewModal.hidden) closePreview();
});
// formatRemain / isAlmostExpired / iconFor / formatSize / formatTime / escapeHtml // formatRemain / isAlmostExpired / iconFor / formatSize / formatTime / escapeHtml
// 见 helpers.js; 倒计时 setInterval 也在 helpers.js 中启动 // 见 helpers.js; 倒计时 setInterval 也在 helpers.js 中启动
+17
View File
@@ -1,5 +1,22 @@
'use strict'; 'use strict';
// ---------------------------------------------------------------------------
// 大文件分片上传常量 (见 app.js uploadChunked/uploadOneChunk)
// ---------------------------------------------------------------------------
const CHUNK_THRESHOLD = 5 * 1024 * 1024 * 1024; // >5GB 走分片
const CHUNK_SIZE = 1 * 1024 * 1024 * 1024; // 每片 1GB
function uuid() {
// crypto.randomUUID 仅在 secure context (HTTPS / localhost) 可用, HTTP 非 localhost 会抛.
// 用 crypto.getRandomValues (所有现代浏览器均支持, 不要求 secure context) 手动拼一个 v4.
const b = new Uint8Array(16);
crypto.getRandomValues(b);
b[6] = (b[6] & 0x0f) | 0x40; // version 4
b[8] = (b[8] & 0x3f) | 0x80; // variant RFC 4122
const h = [...b].map(x => x.toString(16).padStart(2, '0')).join('');
return `${h.slice(0,8)}-${h.slice(8,12)}-${h.slice(12,16)}-${h.slice(16,20)}-${h.slice(20)}`;
}
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
// 纯函数 + 倒计时 interval // 纯函数 + 倒计时 interval
// 跨文件共享 (classic <script> 加载顺序: app.js → helpers.js → batch.js). // 跨文件共享 (classic <script> 加载顺序: app.js → helpers.js → batch.js).
-16
View File
@@ -62,22 +62,6 @@
<div class="toast" id="toast"></div> <div class="toast" id="toast"></div>
<!-- 文件预览弹窗 (CDN 资源经后端 /file-viewer/*filepath 缓存代理, 避免运行时 unpkg 依赖) -->
<div class="preview-modal" id="previewModal" hidden>
<div class="preview-backdrop" id="previewBackdrop"></div>
<div class="preview-panel">
<div class="preview-header">
<span class="preview-title" id="previewTitle"></span>
<div class="preview-actions">
<a class="icon-btn" id="previewDownload" title="下载" download>↓</a>
<button class="icon-btn" id="previewClose" title="关闭" aria-label="关闭预览">✕</button>
</div>
</div>
<div class="preview-body" id="previewBody"></div>
</div>
</div>
<script src="/file-viewer/dist/flyfish-file-viewer-web-full.iife.js"></script>
<script src="/static/app.js"></script> <script src="/static/app.js"></script>
<script src="/static/helpers.js"></script> <script src="/static/helpers.js"></script>
<script src="/static/batch.js"></script> <script src="/static/batch.js"></script>