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

素材管理

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

我的素材

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

【记录】KgCaptcha滑动拼图验证码_第1张图片

接下来,点击按钮实现上传图片:

【记录】KgCaptcha滑动拼图验证码_第2张图片

预览我的图片素材:

【记录】KgCaptcha滑动拼图验证码_第3张图片

【记录】KgCaptcha滑动拼图验证码_第4张图片

前端验证码的图片显示:

【记录】KgCaptcha滑动拼图验证码_第5张图片

素材库

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

【记录】KgCaptcha滑动拼图验证码_第6张图片

选择图片到我的素材:

【记录】KgCaptcha滑动拼图验证码_第7张图片

我的素材加入成功:

【记录】KgCaptcha滑动拼图验证码_第8张图片

前端验证码显示:

【记录】KgCaptcha滑动拼图验证码_第9张图片

相关链接

SDK下载:https://github.com/KgCaptcha

在线体验:https://www.kgcaptcha.com/demo/

你可能感兴趣的:(html程序员)