通过js 实现简单验证码的刷新看不清换一张

最新推荐文章于 2022-06-17 20:00:32 发布

最新推荐文章于 2022-06-17 20:00:32 发布 · 1.7k 阅读

文章标签：

#php #javascript #ViewUI

本文介绍了一种通过修改图片源的URL来实现图片验证码自动刷新的方法。利用JavaScript动态更改<img>标签的src属性，并通过添加随机数避免浏览器缓存，确保每次请求都能获取到新的验证码图片。

【原理】
当一个<img>的src改变时，页面会自动刷新这个<img>
源码如下：
<script type="text/javascript">  
        function reImg(){  
            var img = document.getElementById("Img");  
            img.src = "Img?rnd=" + Math.random();  
        }  
    </script>

<body>  
    <center>  
        <img id="Img" src="Img" alt="验证码"  />  
        <a href="#" onclick="reImg();">看不清，换一张</a>  
    </center>  
  </body>