在线生成验证码

最新推荐文章于 2024-04-24 09:53:07 发布

绿绿峰

最新推荐文章于 2024-04-24 09:53:07 发布

阅读量4.8k

点赞数

分类专栏： html 文章标签：验证码

本文链接：https://blog.csdn.net/qq_37525899/article/details/82975479

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

偶然发现有一堆接口，遂闲来无事写了下实现，简单的HTML和css还有js，输入文本生成验证码，样式如下：

闲话少所，上码。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta contentType="application/x-www-form-urlencoded">
	<title></title>
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<button id="test">生成验证码</button>
<input type="text" id="text">
<img id="verify">
<script type="text/javascript">
//参考接口：http://www.webxml.com.cn/WebServices/ValidateCodeWebService.asmx?op=cnValidateImage
$("#test").click(function(){
	var str = $("#text").val();		//获得输入
	$("#verify").attr("src","http://www.webxml.com.cn/WebServices/ValidateCodeWebService.asmx/cnValidateImage?byString="+str)
});
</script>
</body>
</html>

调用一个web接口，动态生成验证码的base64，想必是img的src属性可以直接放base64，感兴趣的小伙伴可以参考代码中的接口看看，还有一些其它的接口~

绿绿峰

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在线生成验证码

偶然发现有一堆接口，遂闲来无事写了下实现，简单的HTML和css还有js，输入文本生成验证码，样式如下：闲话少所，上码。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;meta contentType="application/x-www-form-urlencoded"
复制链接

扫一扫