欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

前端怎样获取后端生成的验证码图片,并且点击图片的时候改变验证码

发布时间:2025/7/14 HTML 73 豆豆
生活随笔 收集整理的这篇文章主要介绍了 前端怎样获取后端生成的验证码图片,并且点击图片的时候改变验证码 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

直接放在<img src="文件名"/> 就可以了,不用去调接口之类的

点击的时候改变验证码图片:

  改一下src属性,url?一个随机数(防止缓存)

<a href="javascript:;" @click="changeCodeImg()"><img :src="codeImg" alt="图片加载失败" /></a> created(){this.codeImg="url"; },
data:function(){
  return {
    codeImg:'',
  }
},

 methods:{
  changeCodeImg:function(){
    var num=Math.ceil(Math.random()*10);//生成一个随机数(防止缓存)
    this.codeImg='url?'+num;
  }
}

 

 

点击之后,改变

转载于:https://www.cnblogs.com/rachelch/p/8085016.html

总结

以上是生活随笔为你收集整理的前端怎样获取后端生成的验证码图片,并且点击图片的时候改变验证码的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。