使用jquery点击换图片

最新推荐文章于 2022-11-18 09:15:27 发布

原创最新推荐文章于 2022-11-18 09:15:27 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #function #date

本文介绍了一种使用jQuery动态加载随机图片作为验证码的方法，通过编写JavaScript代码，实现在点击按钮后，自动从服务器获取一张随机图片并更新显示，确保用户每次验证时都能获得新的验证码图片。

开始看到别人验证码是直接使用
onclick="this.src='aa.php?timestamp='+new Date().getTime();"
aa.php是生成的一张图片
我试着将aa.php换成随机一张图片的地址，但是只能点一次，就不变化了，所以只有找其他办法。
使用jquery
显示文件show.php
<html>
<head>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">

</script>
</head>
<body style="background:ffc66f">
<img id="pic" src="1.jpg" />
</body>
</html>
随机图片文件
rand.php
<?php
echo rand(1,6),".jpg"; //一共六张图片
?>