UNIAPP图片验证码

UNIAPP图片验证码
文章图片

uniapp显示图片验证码
后台返回的是流文件的格式,查了很多,都是使用arrayBuffer接收,但是没有效果,所以直接使用下方代码。


动态改变imgSrc触发验证码更新
mounted() { this.getCode() },

getRangeCode() { var orgStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789' let returnStr = '' for (var i = 0; i < 6; i++) { returnStr += orgStr.charAt(Math.floor((Math.random() * orgStr.length))) } return returnStr },

【UNIAPP图片验证码】增加时间戳+随机6位字符.
getCode() { this.codeKey = new Date().getTime() + this.getRangeCode() this.imgSrc = https://www.it610.com/article/API_ROOT +'/v1/app/user/getCode?codeKey=' + this.codeKey },

    推荐阅读