为Discuz X2 Ucenter 登录页面的验证码图片增加点击刷新功能

Discuz! X2 Ucenter 登录页面的验证码图片默认是没有刷新功能的，当我们发现验证码图片看不清或无法识别的时候，只能刷新页面来更新验证码，这里介绍一种方法，可以一键点击对图片进行作处理，让图片中的字符位置和形状发生变化，而不需要重新加载整个网页。

用文本编辑软件（如记事本）打开 uc_server\view\default\admin_login.htm，搜索以下内容：

1. <img width="70" height="21" src="admin.php?m=seccode&seccodeauth=$seccodeinit&{eval echo rand();}" />

复制代码

替换成以下内容：

1. <a href="http://www.51-n.com/" onclick="ChgImg();return false;"><img width="70" height="21" src="admin.php?m=seccode&seccodeauth=$seccodeinit&{eval echo rand();}" id="refresh-trigger" title="点击刷新验证码" align="top" /></a>

复制代码

然后，搜索以下内容：

1. <div class="footer">

复制代码

在它之前加入以下代码：

1. <script language ="javascript" type="text/javascript" >
   
2.         function ChgImg() {
   
3. var simg =document.getElementById("refresh-trigger");
   
4.              simg.src=simg.src+'?';
   
5.         }
   
6.      </script>

复制代码

保存文件并上传到服务器上对应的目录，再次访问 UCENTER 时即可点击刷新验证码。
UTF-8 版请将上文中的“点击刷新验证码”转码 UTF-8 代码或者将整个文件保存成 UTF-8 编码，否则在网页中会显示乱码。