精华内容
下载资源
问答
  • php怎么实现验证码看不清换一张的效果发布时间:2020-09-22 09:38:27来源:亿速云阅读:98作者:小新这篇文章主要介绍了php怎么实现验证码看不清换一张的效果,具有一定借鉴价值,需要的朋友可以参考下。希望大家...

    php怎么实现验证码看不清换一张的效果

    发布时间:2020-09-22 09:38:27

    来源:亿速云

    阅读:98

    作者:小新

    这篇文章主要介绍了php怎么实现验证码看不清换一张的效果,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。php实现验证码看不清换一张的方法:首先打开PHP代码文件;然后添加js代码“function changing(){document.getElementById('checkpic').src="/images/checkcode...}”到页面中即可。

    8c2e1e05e94f77f34fe023b83e331379.png

    现在让我们来看下 PHP 代码

    代码如下:<?php

    session_start();

    function random($len) {

    $srcstr = "1a2s3d4f5g6hj8k9qwertyupzxcvbnm";

    mt_srand();

    $strs = "";

    for ($i = 0; $i < $len; $i++) {

    $strs .= $srcstr[mt_rand(0, 30)];

    }

    return $strs;

    }

    //随机生成的字符串

    $str = random(4);

    //验证码图片的宽度

    $width = 50;

    //验证码图片的高度

    $height = 25;

    //声明需要创建的图层的图片格式

    @ header("Content-Type:image/png");

    //创建一个图层

    $im = imagecreate($width, $height);

    //背景色

    $back = imagecolorallocate($im, 0xFF, 0xFF, 0xFF);

    //模糊点颜色

    $pix = imagecolorallocate($im, 187, 230, 247);

    //字体色

    $font = imagecolorallocate($im, 41, 163, 238);

    //绘模糊作用的点

    mt_srand();

    for ($i = 0; $i < 1000; $i++) {

    imagesetpixel($im, mt_rand(0, $width), mt_rand(0, $height), $pix);

    }

    //输出字符

    imagestring($im, 5, 7, 5, $str, $font);

    //输出矩形

    imagerectangle($im, 0, 0, $width -1, $height -1, $font);

    //输出图片

    imagepng($im);

    imagedestroy($im);

    $str = md5($str);

    //选择 cookie

    //SetCookie("verification", $str, time() + 7200, "/");

    //选择 Session

    $_SESSION["verification"] = $str;

    ?>

    接下来只要在页面中调用就可以了:

    代码如下:checkcode.php

    如果想实现 "看不清?换一张" 效果,添加如下 JS 到页面中

    代码如下:function changing(){

    document.getElementById('checkpic').src="/images/checkcode.php?"+Math.random();

    }

    感谢你能够认真阅读完这篇文章,希望小编分享php怎么实现验证码看不清换一张的效果内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!

    展开全文
  • php实现验证码看不清换一张的方法:首先打开PHP代码文件;然后添加js代码“function changing(){document.getElementById('checkpic').src="/images/...}”到页面中即可。现在让我们来看下 PHP 代码代码如下:...

    php实现验证码看不清换一张的方法:首先打开PHP代码文件;然后添加js代码“function changing(){document.getElementById('checkpic').src="/images/...}”到页面中即可。

    c0904b150ad067b8e9ead3ec93e8cd93.png

    现在让我们来看下 PHP 代码

    代码如下:<?php

    session_start();

    function random($len) {

    $srcstr = "1a2s3d4f5g6hj8k9qwertyupzxcvbnm";

    mt_srand();

    $strs = "";

    for ($i = 0; $i < $len; $i++) {

    $strs .= $srcstr[mt_rand(0, 30)];

    }

    return $strs;

    }

    //随机生成的字符串

    $str = random(4);

    //验证码图片的宽度

    $width = 50;

    //验证码图片的高度

    $height = 25;

    //声明需要创建的图层的图片格式

    @ header("Content-Type:image/png");

    //创建一个图层

    $im = imagecreate($width, $height);

    //背景色

    $back = imagecolorallocate($im, 0xFF, 0xFF, 0xFF);

    //模糊点颜色

    $pix = imagecolorallocate($im, 187, 230, 247);

    //字体色

    $font = imagecolorallocate($im, 41, 163, 238);

    //绘模糊作用的点

    mt_srand();

    for ($i = 0; $i < 1000; $i++) {

    imagesetpixel($im, mt_rand(0, $width), mt_rand(0, $height), $pix);

    }

    //输出字符

    imagestring($im, 5, 7, 5, $str, $font);

    //输出矩形

    imagerectangle($im, 0, 0, $width -1, $height -1, $font);

    //输出图片

    imagepng($im);

    imagedestroy($im);

    $str = md5($str);

    //选择 cookie

    //SetCookie("verification", $str, time() + 7200, "/");

    //选择 Session

    $_SESSION["verification"] = $str;

    ?>

    接下来只要在页面中调用就可以了:

    代码如下:checkcode.php

    如果想实现 "看不清?换一张" 效果,添加如下 JS 到页面中

    代码如下:function changing(){

    document.getElementById('checkpic').src="/images/checkcode.php?"+Math.random();

    }

    展开全文
  • js 实现 图片刷新 验证码 看不清 换一张

    万次阅读 热门讨论 2012-11-29 22:59:08
    html+js实现html中一个图片刷新但是整个页面刷新,或者是验证码刷新。 使用jsp,使用ajax,使用js框架。 【原理】 当一个src改变时,页面会自动刷新这个 【实现代码】 test function ...

    【需求】

    html+js实现html中一个图片刷新但是整个页面不刷新,或者是验证码刷新。

    不使用jsp,不使用ajax,不使用js框架。

    【原理】

    当一个<img>的src改变时,页面会自动刷新这个<img>

    【实现代码】

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>test</title>
        <script type="text/javascript">
        	function reImg(){
        		var img = document.getElementById("Img");
    			img.src = "Img?rnd=" + Math.random();
        	}
        </script>
      </head>
      
      <body>
    	<center>
    		<img id="Img" src="Img" alt="验证码"  />
    		<a href="#" οnclick="reImg();">看不清,换一张</a>
    	</center>
      </body>
    </html>



    展开全文
  • 简单验证码如何编写? @WebServlet("/CheckCodeServlet") public class CheckCodeServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ...

    简单验证码如何编写?

    @WebServlet("/CheckCodeServlet")
    public class CheckCodeServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
                int width = 100;
                int height = 50;
    
            //创建图片对象
            BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
    
            //美化图片
            //1.填充背景色
            Graphics g = image.getGraphics(); //创建画笔对象
            g.setColor(Color.PINK);  //设置画笔颜色
            g.fillRect(0,0,width,height);  //从(0,0)点开始
    
            //2.画边框
            g.setColor(Color.BLACK);
            g.drawRect(0,0,width-1,height-1);
    
            //定义字符库
            String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqlstuvwxyz1234567890" ;
    
            //定义角标(即选中哪个字符)
            Random random = new Random();
    
    
            //选四个字符
            for(int i = 0; i < 4; i ++){
                int index = random.nextInt(str.length());
                char ch = str.charAt(index);  //charAt通过角标获取字符
                g.drawString(ch+"",width/5*(i+1),height/2);
            }
    
            //画干扰线
            g.setColor(Color.cyan);
    
            for(int x =0; x< 11; x++){
                int x1 = random.nextInt(width);
                int x2 = random.nextInt(width);
                int y1 = random.nextInt(height);
                int y2 = random.nextInt(height);
                g.drawLine(x1,y1,x2,y2);
            }
    
    
    
            //输出图片到页面
            ImageIO.write(image,"jpg",response.getOutputStream());
        }
    

    如何使用编写好的验证码?


    需求:单击页面的验证码图片或者超链接都可以更换随机生成的验证码


    环境:html+js


    代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            //给超链接和图片绑定单击事件,并且重新设定图片src的值
            function reImg() {
                var img = document.getElementById("checkcode");
                //2.绑定单击事件
                //加时间戳
                var date = new Date().getTime();
                img.src = "/day15/CheckCodeServlet?" + date;
            }
        </script>
    </head>
    <body>
        <img οnclick="reImg()" id= "checkcode" src = "/day15/CheckCodeServlet" />
        <a href = "#" οnclick="reImg()"> 看不清?点此处换一张</a>
    </body>
    </html>
    

    TIPS:
    1.时间戳的作用:浏览器有自动缓存的功能,所以不加时间戳的话,img的src属性就无法实现更改,加一个每次必定会不一样的属性,时间最合适不过。使用随机数属性也有可能会重复,所以使用时间戳最好。
    2.超链接的href属性一开始不用" " (空) 的原因是,用空会导致页面刷新,那么之前填写的数据就消失了。


                                            感谢收阅      
    
    展开全文
  • Servlet和JS实现的随机验证码图片,并且点击换一张不会刷新清空已填写内容。 Servlet类代码: package myweb;import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt....
  • 【原理】当一个src改变时,页面会自动刷新这个 源码如下: function reImg(){ var img = document.getElementById("Img"); img.src = "Img?rnd=" + Math.random(); }
  • tp5的验证码功能已经集成到框架扩展之中了,只是官方手册上没有仔细介绍,导致知道该如何像tp3一样实现点击刷新验证码&更换验证,其实蛮简单。首先使用Composer安装think-captcha扩展包:...
  • 验证码实现分析 在用java生成一张固定尺寸图片,会用到api是BufferedImage(int width,int height,int type); 给图片上绘制出随机文字、字母或者数字,用到API是Graphics2D(绘制文字)和Random(生成随机数) ...
  • 登陆模块中,为了防止暴力破解密码都会添加验证码,包括图片点击获取新验证码功能实现看不清换一张)。 浏览器不刷新情况下,进行图片切换,重新加载图片: [code="Html"] 验证码: ...
  • ////////////////////////////////////////////////////在image.aspx.cs中代码 using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using...
  • 点击看不清换一张图片,会换一张图片 实现原理: 继承HttpServlet使用CaptchaUtil.createCircleCaptcha()方法 注意: http://localhost:8080/jspday05/gc?i=1 这个i是可以变换,没变一次,图片改变一次 html...
  • python实现验证码功能

    2017-10-31 11:22:23
    首先需pip install Pillow==3.4.1,然后自行配置应用中urls和views,资源为验证码的源码及显示html网页,已实现看不清换一张功能
  • 图片验证码的实现

    2010-01-09 07:02:00
    图片验证码的原理是防止恶意注册,实现方法验证码: href="javascript:chkimg.location.reload();">看不清换一张 code/middle.php中代码:Insert title here code.php中代码:/*---------------紫色
  • `JAVA验证码实现刷新功能,并通过ajax技术异步判断...换一张”进行验证码的更换 <div class="form-group"> <label>验证码</label> <span id="msgVerify" style="color: red"></span>
  • 前言 在许多登录页面里,我们都可以看到验证码的身影,每次登录都需要重新输入验证码。... 效果展示 ...创建一个div拿来展示随机生成的验证码,一个span可以重新随机生成新的验证码,一...看不清换一张</span><br&
  • 展示前台页regist.jsp用户注册>> 用户注册[模块说明:用户名检查、服务条款使用Ajax异步处理,验证码服务端生成]用户名: * 用户名由字母、数字、下划线组成.密码: * 密码长度6-8位,...验证码: 看不清,换一张服...
  • 验证码不用多说,在 WEB-APP 中一般应用于:登录、注册、买某...开工页面:demo1.jsp说明:"看不清换一张" href 属性写成javascript:void(0) 是为了防止页面刷新,这里更换功能交给 AJAX 异步完成。JavaScri...
  • 文章目录思路前端代码后端代码 思路 验证码的imgsrc赋值为一个url,映射到该urlservlet负责 生成随机码并存入session 按照该随机码生成带有干扰图片 ...若用户看不清某张图片需要换一张,但是浏览器会有缓存功
  • Axure8.0-制作图片验证码

    万次阅读 多人点赞 2019-11-15 08:48:38
    需求分析 图片中的验证码为数字和字母随机组合; 点击更换验证码实现验证码的更换,验证码随机出现4位字母或数字; 验证码输入时,点击...文本标签(文本提示“看不清换一张!”) 开始制作   文本框输入...
  • 这篇文章主要介绍了Python生成验证码的方法,具有很好实用价值,代码结构...具体实现方法如下:前台页面代码如下: 看不清换一张function refreshCode() {$('authcode_img').src = "/registration/makeimage/" + ...
  • 这篇文章主要介绍了PHP生成图片验证码实例,同时介绍了点击切换(看不清换一张)效果实现方法,需要朋友可以参考下这里来看下效果:现在让我们来看下 PHP 代码...
  • span id="code" title="看不清换一张"></span> let code; document.getElementById("code").onclick = changeNumber(5); //传入一个参数 作为生成几位验证码的设置 function changeNumber(num){ var ...

空空如也

空空如也

1 2 3
收藏数 46
精华内容 18
关键字:

验证码看不清换一张的实现