javascript 验证码图片-VUE实现图片验证码功能

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

免费资源网-

本文的例子给大家分享了VUE实现图片验证码的具体代码javascript 验证码图片javascript 验证码图片，供大家参考。 具体内容如下

1 概述

1.1 说明

在开发过程中，有时需要使用图像验证码来降低安全硬度。 点击图片时会更新一个新的图片验证码，将此功能记录下来供以后使用。

2.示例

2.1vue示例代码

 
 
 
 

 
 
 
 


export default {
 methods: {
 /**
 * 窗口代码
 * @param {Boolean} bRefresh 是否刷新
 */
 getIdentifyingCode: function (bRefresh) {
 let identifyCodeSrc = "https://www.xxx.xxx.xxx/imgCode";
 if (bRefresh) {
 identifyCodeSrc = "https://www.xxx.xxx.xxx/imgCode?" + Math.random();
 }
 let objs = document.getElementById("imgIdentifyingCode");
 objs.src = identifyCodeSrc;
 },
 }
}


 .divIdentifyingCode {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 5;
 width: 102px; /*设置图片显示的宽*/
 height: 40px; /*图片显示的高*/
 background: #e2e2e2;
 margin: 0;
 }

注意：使用Math.random()获取新的验证码。 后台支持使用socket获取验证码。

2.2 显示

以上就是本文的全部内容。 希望对你的学习有所帮助，也希望你多多支持我。

免费资源网-