AI Fashion Try-On MVP

AI 服装试衣,快速生成商品上身图

面向服装商家的 Web/H5 试衣工具。上传服装图,选择 AI 模特或上传自己照片,即可生成试穿效果图,用于淘宝、小红书、抖音商品图和内容素材验证。

AI 试衣生成示例
AI 模特服装试穿示例

Product Value

为商家准备的 AI 试衣闭环

上传服装图

支持服装正面图上传,适合快速验证商品上身效果。

选择 AI 模特或上传自己照片

可以使用系统内置模特,也可以上传真实人物照片做试穿。

生成试穿效果图

提交后创建试衣任务,当前使用 Mock AI 返回结果图。

Workflow

3 步生成试穿效果图

1

准备素材

上传服装正面图,再上传人物照片或选择一个内置 AI 模特。

2

选择参数

选择服装类型和图片比例,让结果更贴近商品展示场景。

3

查看结果

生成后进入任务详情页,下载结果图,也可以回到历史记录查看。

适合服装商家的内容生产场景

可用于淘宝商品主图、详情页、小红书种草图、抖音短视频封面和直播预热素材。当前结果为 Mock 占位图,链路已为后续真实 AI API 接入预留。

立即体验

Implementation Notes

当前网页可见的实现节点

上传节点

POST /api/upload 接收图片,校验 jpg、jpeg、png、webp 和 10MB 限制,保存到 public/uploads。

上传页会显示图片预览和上传状态。

任务节点

POST /api/try-on 校验服装图、人物图或 AI 模特、服装类型和图片比例,创建 PROCESSING 任务。

提交后进入任务详情页,可看到状态、输入图和结果图。

AI 生成节点

lib/ai/tryonService.ts 会根据 AI_PROVIDER 选择 mockProvider 或 fashnProvider。

mock 模式展示占位结果图,FASHN 模式展示真实生成图。

历史与管理节点

GET /api/tasks 按 createdAt 倒序返回任务列表,GET /api/tasks/[id] 返回单个任务详情。

历史页展示任务卡片,后台页展示可筛选的任务表格。