### 素材管理

在一次项目中，为了使验证码更加贴合自身风格。我找到了一款验证码产品可以通过设置图片素材，来修改验证码的底图，使其更加契合。下面就是我对该产品的一些记录。

### 我的素材

进入到素材管理，我的素材一般默认为空，可以通过文件上传和从官方素材库中选择。

![](http://img.blog.itpub.net/blog/2023/04/20/34dd8bb99bf937c9.png?x-oss-process=style/bb)

接下来，点击按钮实现上传图片：

![](http://img.blog.itpub.net/blog/2023/04/20/707e63e49bd3194d.png?x-oss-process=style/bb)

预览我的图片素材：

![](http://img.blog.itpub.net/blog/2023/04/20/d88ea86f556c3b4f.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/e1e44603a97f3c60.png?x-oss-process=style/bb)

前端验证码的图片显示：

![](http://img.blog.itpub.net/blog/2023/04/20/372678d4d10142ac.png?x-oss-process=style/bb)

### 素材库

官方也提供了一些图片给用户选择，用户只需进入素材库，通过选择自己喜欢的图片，点击即可加入我的素材。

![](http://img.blog.itpub.net/blog/2023/04/20/8004f1fafe7e7841.png?x-oss-process=style/bb)

选择图片到我的素材：

![](http://img.blog.itpub.net/blog/2023/04/20/56f105a778a61e7e.png?x-oss-process=style/bb)

我的素材加入成功：

![](http://img.blog.itpub.net/blog/2023/04/20/f22fbba133bedd4d.png?x-oss-process=style/bb)

前端验证码显示：

![](http://img.blog.itpub.net/blog/2023/04/20/dd80042f84172126.png?x-oss-process=style/bb)

### 相关链接

SDK下载：[**https://github.com/KgCaptcha**](https://github.com/KgCaptcha)

在线体验：[**https://www.kgcaptcha.com/demo/**](https://www.kgcaptcha.com/demo/)

ITPub博客

【记录】KgCaptcha滑动拼图验证码