Skip to content

【外滩大会2026】批量图片水印修复处理工作台 #96

Description

@zhengrui0207-png

#参赛项目名称

批量图片修复工作台

#团队 / 作者

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 超时控制。另一个关键点是模型通常返回整张局部图,因此在前端将结果裁切并仅合成回原始选区,避免框外像素发生变化。

Metadata

Metadata

Assignees

No one assigned

    Labels

    showcase提交的案例(待处理)外滩大会2026外滩大会 2026 参赛作品

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions