这是一个简化的网页前端,用于控制和操作ComfyUI的图像处理工作流。
- 控制节点23(Simple Load Image Batch)的输入路径、循环和重置参数
- 调整节点26(图像缩放)的宽度、高度和缩放方法
- 设置节点45(Save Image to Path)的输出路径
- 实时预览节点49(输出效果)和节点50(输入效果)的图像
- 通过WebSocket实时监控处理进度和获取预览图像
- 自动检测宿主IP和端口,解决IP变化导致的连接问题
- 确保ComfyUI服务器正在运行,端口为8188
- 将工作流JSON文件复制到
workflows/文件夹中 - 打开
index.html文件 - 填写以下参数:
- 输入路径:设置加载图像的文件夹路径
- 循环选项:是否循环处理图像
- 重置参数:重置批处理计数器
- 宽度/高度:设置图像缩放尺寸
- 缩放方法:选择图像缩放的方式
- 输出路径:设置处理后图像的保存位置
- 点击"开始处理"按钮启动工作流
- 等待处理完成,查看输入和输出预览
系统现在会自动从浏览器的URL获取API地址:
- 当在同一台电脑打开时:使用localhost:8188
- 当在局域网其他设备访问时:自动使用访问地址的IP和端口
- 当通过file://协议打开时:会fallback到127.0.0.1:8188
不再需要手动配置API地址,系统会在控制台输出当前使用的API地址信息。
- 输入路径和输出路径需要设置为绝对路径
- 预览图像需要工作流执行完成后才会显示
- 如果无法连接到ComfyUI服务器,请检查服务器是否正在运行以及网络连接是否正常
- 如果预览图像未显示,请检查工作流节点ID是否正确
- 如果工作流执行失败,请查看浏览器控制台获取详细错误信息
- 现代浏览器(Chrome、Firefox、Edge等)
- 支持JavaScript和WebSocket的浏览器
- ComfyUI服务器需要启用外部访问
