MoGallery-图片上传链路
192 字
1 分钟
MoGallery-图片上传链路
flowchart TD
A["管理页上传界面 UploadTab"] --> B["收集上传参数\n标题/分类/相册/故事/压缩/路径"]
B --> C["UploadQueueContext.addTasks"]
C --> D["队列并发处理 processQueue"]
D --> E["前端可选压缩 compressImage()"]
E --> F["uploadPhotoWithProgress()\nXMLHttpRequest POST /api/admin/photos"]
F --> G["Next App Router API 入口\nsrc/app/api/[[...route]]/route.ts"]
G --> H["hono 根路由 hono/index.ts"]
H --> I["photos.post('/admin/photos')"]
I --> J["读取 FormData 和原图 Buffer"]
J --> K["并行处理\n读取存储配置 / EXIF / sharp生成缩略图"]
K --> L["StorageProviderFactory.create()"]
L --> M["具体存储实现\nlocal / github / r2"]
M --> N["原图+缩略图上传"]
N --> O["Prisma 写入 photo 记录\nurl / thumbnailUrl / exif / colors"]
O --> P["返回 PhotoDto"]
P --> Q["前端队列标记 completed"]
Q --> R["批次完成后\n加到相册 / 关联故事 / 刷新照片列表"]
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!
MoGallery-图片上传链路
https://shaio.top/posts/dev/mogallery-图片上传链路/ 相关文章 智能推荐
1
MoGallery-给项目添加地图坐标
Dev mo-gallery图片上传链路
2
MoGallery-给项目添加地图坐标
Dev mo-gallery图片上传链路
3
MoGallery-GitHub Actions跨平台打包
Dev MoGallery Desktop 使用 GitHub Actions 构建 Windows、macOS 和 Linux 安装包的配置记录
4
存储整理列表滚动空白:44px 的格子不该拉原图
MO Gallery 后台「存储整理」快速滚动时整片空白的根因与修复——缩略图地址、虚拟化,以及 Web / Desktop 两端各自的取舍
5
本机和服务器的 SSH 管理
运维 2026-10-16
随机文章 随机推荐