#参赛项目名称
批量图片修复工作台
#团队 / 作者
zhengrui0207-png
#我做了什么
我以个人身份完成了一个面向批量图片处理的网页工具。用户可批量上传主流格式图片,拖拽或复用固定选区,并选择矩形覆盖、本地智能消除或 AI 修复。
AI 修复默认接入阿里云百炼 Agent CLI 的图片编辑能力。系统将用户框选区域附近的局部图片和位置指示图发送给模型,再只把处理结果合成回选区,保证框外内容不被修改。用户也可以在页面中编写图片处理 Prompt,或填写自己的 api_key、model_id、base_url 切换到自定义模型。
同时实现了处理结果预览、单张下载、批量 ZIP 下载、裁剪、导出尺寸和格式设置,以及待处理任务删除。
#使用的工具
OpenWork / 百炼 CLI
百炼能力 / 模型:bl image edit,qwen-image-3.0
Skill 名称:bailian-gen、bailian-cli、aliyun-ecs-deploy
其他:React、TypeScript、Vite、Express、Nginx、PM2
#效果展示
网页支持在图片上框选待修复区域,输入图片处理 Prompt 后调用百炼图片编辑能力完成局部消除。处理结果会与原图并排预览,且仅修改选定区域;支持批量下载。
项目链接(可选)
在线 Demo:http://8.141.101.70/image-repair/
视频链接:http://xhslink.cn/o/8IYZU9KlavL (小红书)
踩坑记录(可选)
百炼图片编辑的单次处理耗时可能超过默认网关等待时间,首次测试出现了 504。后续为图片修复的独立服务路由配置了更长的代理超时,并保留了服务端 CLI 超时控制。另一个关键点是模型通常返回整张局部图,因此在前端将结果裁切并仅合成回原始选区,避免框外像素发生变化。
#参赛项目名称
批量图片修复工作台
#团队 / 作者
zhengrui0207-png
#我做了什么
我以个人身份完成了一个面向批量图片处理的网页工具。用户可批量上传主流格式图片,拖拽或复用固定选区,并选择矩形覆盖、本地智能消除或 AI 修复。
AI 修复默认接入阿里云百炼 Agent CLI 的图片编辑能力。系统将用户框选区域附近的局部图片和位置指示图发送给模型,再只把处理结果合成回选区,保证框外内容不被修改。用户也可以在页面中编写图片处理 Prompt,或填写自己的 api_key、model_id、base_url 切换到自定义模型。
同时实现了处理结果预览、单张下载、批量 ZIP 下载、裁剪、导出尺寸和格式设置,以及待处理任务删除。
#使用的工具
OpenWork / 百炼 CLI
百炼能力 / 模型:bl image edit,qwen-image-3.0
Skill 名称:bailian-gen、bailian-cli、aliyun-ecs-deploy
其他:React、TypeScript、Vite、Express、Nginx、PM2
#效果展示
网页支持在图片上框选待修复区域,输入图片处理 Prompt 后调用百炼图片编辑能力完成局部消除。处理结果会与原图并排预览,且仅修改选定区域;支持批量下载。
项目链接(可选)
在线 Demo:http://8.141.101.70/image-repair/
视频链接:http://xhslink.cn/o/8IYZU9KlavL (小红书)
踩坑记录(可选)
百炼图片编辑的单次处理耗时可能超过默认网关等待时间,首次测试出现了 504。后续为图片修复的独立服务路由配置了更长的代理超时,并保留了服务端 CLI 超时控制。另一个关键点是模型通常返回整张局部图,因此在前端将结果裁切并仅合成回原始选区,避免框外像素发生变化。