【AIGC】如何在使用stable-diffusion-webui生成图片时看到完整请求参数

蔚落 2024-02-23 05:23 60阅读 0赞

#### 文章目录 ####

*  背景
 *  开搞
 *  使用
 *  遇到的问题

## 背景 ##

通过代码调用Stable Diffusion的txt2img、img2img接口时，很多时候都不知道应该怎么传参，比如如何指定模型、如何开启并使用Controlnet、如何开启面部修复等等，在sd-webui上F12看到的请求也不是正式调用SD的请求，所以当引入新插件或需要使用新功能时，怎么传参成了一个大问题，网上关于接口传参的资料也很少，接下来就介绍一下，如何在每次通过sd-webui点击生成图片时，获取到完整的请求参数。

## 开搞 ##

需要使用到开源的项目：https://github.com/huchenlei/sd-webui-api-payload-display

里面只有几个文件，直接打包下载：

![7ed7d0e2a5efe978efa6b5d370fb496c.png][]

接下来需要做的工作很简单：

1.  拷贝.js文件至sd-webui所在目录的javascript目录；
2.  拷贝.py文件至sd-webui所在目录的script目录；

![88da585b2d86f926b784f06f37ee6ad5.png][]

1.  拷贝style.css中的内容，粘贴至sd-webui根目录下的style.css文件的末尾；（千万不能覆盖哦，是追加）

![5288524f1d65a42d0973bd1d628f7e98.png][]

1.  重启sd-webui

## 使用 ##

打开sd-webui页面，可以看到多了一个按钮

![eda23de9e527eb2e2e7048d381b56502.png][]

展开就能看到所有的请求参数了

![4b640574548aaa0d5ea4149315828a06.png][]

当然，如果要复制所有json的话，可以点击API payload旁边的Copy按钮，会自动复制所有内容。

![22087cf258c336f410a2ad32e924972e.png][]

## 遇到的问题 ##

点击Copy按钮时，复制失败，显示：Failed to copy

![034381bb5601d2a0d2bbf7e334103332.png][]

原因可以认为是js中的代码被浏览器的安全机制拦截了，打开浏览器控制台可以看到：

Cannot read properties of undefined (reading ‘writeText’)

![2291443567ea6ff8e97251164a01a86b.png][]

可以参考这篇文章解决：[Enable the “Insecure origins treated as secure” setting][Enable the _Insecure origins treated as secure_ setting]

我用的是HTTP，所以看这一段就行

![d965794e398fe0d0f4ccd001a8231b0f.png][]

主要就是4步解决：

![442e6dcad0c92cce91f18e8fcabe5c40.png][]  
还有一点很重要，抓到的参数，可能比实际SD接口需要的多，最好是通过web-ui对比下哪些参数是必要的，传必要的参数即可，比如在使用面部修复插件时，遇到下面的问题：  
![在这里插入图片描述][399ebae65c63480791f43d87a8f934c3.png_pic_center]  
杜比web-ui，将参数缩减后不报错了。  
![在这里插入图片描述][b646ffea08d14a48a01aed420ca7d1a6.png]  
![在这里插入图片描述][3cf2403d568047eaace7def6b1f24345.png]

从日志中可以看到面部修复插件生效了：![在这里插入图片描述][91e12b2a7e3e4e279444d2d871f43f01.png]

[7ed7d0e2a5efe978efa6b5d370fb496c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/da719ca17bc2463994072c2f0c821e67.png
[88da585b2d86f926b784f06f37ee6ad5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/1b4e45ad86cc4c75a62855ef68179b39.png
[5288524f1d65a42d0973bd1d628f7e98.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/2e55bb5d324a4c9ca316605a432f657d.png
[eda23de9e527eb2e2e7048d381b56502.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/dc844974005949a9a07765ec122df828.png
[4b640574548aaa0d5ea4149315828a06.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/cad0938374e04116a17e3275dd1b443f.png
[22087cf258c336f410a2ad32e924972e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/e4406b3c30194959a67512d06560274d.png
[034381bb5601d2a0d2bbf7e334103332.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/a29ef57fa934401f9b56f185f8f6acfb.png
[2291443567ea6ff8e97251164a01a86b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/7541bc354807408a90bf653f5ea2b8a3.png
[Enable the _Insecure origins treated as secure_ setting]: https://bobbyhadz.com/blog/navigator-clipboard-is-undefined-in-javascript
[d965794e398fe0d0f4ccd001a8231b0f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/0ff898594a404261ba707053d8efe68d.png
[442e6dcad0c92cce91f18e8fcabe5c40.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/f64d0090d4924246833a9eb09aebbeb5.png
[399ebae65c63480791f43d87a8f934c3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/aeecf610920b4aecaac587efc71bef17.png
[b646ffea08d14a48a01aed420ca7d1a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/34898267584346b6a297f03fc0c8b151.png
[3cf2403d568047eaace7def6b1f24345.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/7a13d3a05ea1432e951bb1e2c5a9b16f.png
[91e12b2a7e3e4e279444d2d871f43f01.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/bdbef65123154d2783a45d0033d2b222.png