验证码图片刷新图片的方法

最新推荐文章于 2021-08-11 21:54:00 发布

原创最新推荐文章于 2021-08-11 21:54:00 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

jsp 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过更改图片源的方式实现验证码图片刷新的方法。具体做法包括直接在img标签中设置onclick事件来改变src属性，以及使用JavaScript函数RefreshMcode()动态更新图片来源。

【1】：直接在img属性中：设置onclick事件为：onclick="this.src=this.src+'?'"

【2】：用js代码实现

1.<div>  
2.    <p>  
3.        <span>请计算 </span><span class="redcolor">  
4.            <img src="<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx"  
5.                align="middle" style="position: inherit" id="Mcode"  />&nbsp; </span><span>看不清？ </span>  
6.        <a href="javascript:RefreshMcode();">换一张</a>  
7.    </p>  
8.</div>

<script type="text/javascript">   
2.    function RefreshMcode() {   
3.        var num = Math.random();   
4.        var MvefCode = $("#Mcode");   
5.        MvefCode .src = "<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx?" + num ;   
6.    }   
7.</script>