腾讯云的验证码语法还是代码相比于阿里云验证码来说，都要更优势更灵活一些，这是切图网qietu.com项目中遇到的，阿里云的验证码代码比较简单，不支持一个页面多次调用，通过其他方式可以实现，但是代码量繁琐，如果每个调用都有不一样的回调事件就更麻烦了，但是这一点腾讯云验证码做的很好，不管是一个页面多次调用，还是每个调用都有独立的回调事件来说都可以轻松驾驭，代码很灵活，语法很简单干净，好理解好扩展，以下是腾讯云tencent验证码2.0 多处调用实例 附代码

<script src="https://turing.captcha.qcloud.com/TCaptcha.js"></script>

<script>

// 定义验证码触发事件
window.onload = function(){
document.getElementById('CaptchaId').onclick = function(){
try {
// 生成一个验证码对象
// CaptchaAppId：登录验证码控制台，从【验证管理】页面进行查看。如果未创建过验证，请先新建验证。注意：不可使用客户端类型为小程序的CaptchaAppId，会导致数据统计错误。
//callback：定义的回调函数
var captcha = new TencentCaptcha('199796063', function(res){

// 定义回调函数
// 第一个参数传入回调结果，结果如下：
// ret Int 验证结果，0：验证成功。2：用户主动关闭验证码。
// ticket String 验证成功的票据，当且仅当 ret = 0 时 ticket 有值。
// CaptchaAppId String 验证码应用ID。
// bizState Any 自定义透传参数。
// randstr String 本次验证的随机串，后续票据校验时需传递该参数。
console.log('callback:', res);


// res（用户主动关闭验证码）= {ret: 2, ticket: null}
// res（验证成功） = {ret: 0, ticket: "String", randstr: "String"}
// res（请求验证码发生错误，验证码自动返回terror_前缀的容灾票据） = {ret: 0, ticket: "String", randstr: "String", errorCode: Number, errorMessage: "String"}
// 此处代码仅为验证结果的展示示例，真实业务接入，建议基于ticket和errorCode情况做不同的业务处理
if (res.ret === 0) {
// 复制结果至剪切板
var str = '【randstr】->【' + res.randstr + '】 【ticket】->【' + res.ticket + '】';
var ipt = document.createElement('input');
ipt.value = str;
document.body.appendChild(ipt);
ipt.select();
document.execCommand("Copy");
document.body.removeChild(ipt);
alert('1. 返回结果（randstr、ticket）已复制到剪切板，ctrl+v 查看。 2. 打开浏览器控制台，查看完整返回结果。');
}

}, {});
// 调用方法，显示验证码
captcha.show();
} catch (error) {
// 加载异常，调用验证码js加载错误处理函数
var appid = '199796063';
// 生成容灾票据或自行做其它处理
var ticket = 'terror_1001_' + appid + '_' + Math.floor(new Date().getTime() / 1000);
callback({
ret: 0,
randstr: '@'+ Math.random().toString(36).substr(2),
ticket: ticket,
errorCode: 1001,
errorMessage: 'jsload_error'
});
}
}


document.getElementById('CaptchaId2').onclick = function(){
try {
// 生成一个验证码对象
// CaptchaAppId：登录验证码控制台，从【验证管理】页面进行查看。如果未创建过验证，请先新建验证。注意：不可使用客户端类型为小程序的CaptchaAppId，会导致数据统计错误。
//callback：定义的回调函数
var captcha = new TencentCaptcha('199796063', function(res){

alert(3);

}, {});
// 调用方法，显示验证码
captcha.show();
} catch (error) {
// 加载异常，调用验证码js加载错误处理函数
alert(2);
}
}


}
</script>

切图网qietu.com是国内较早提供专业前端开发服务的公司，为cctv7、腾讯、智联招聘等企业提供过服务，有需要的联系。

标签：腾讯云, 验证码