thinkphp5.0 实现图片验证效果且能点击图片刷新图片

时间：2022-10-03 00:11:57

思路与文件上传相同,只是验证码一个方法:

<img  src="{:captcha_src()}"  />

后台文件:app\ceshi\yam

<?php

namespace app\ceshi\controller;

use think\Controller;

use think\Db;

class Yzm extends Controller{

    public  function index()

    {

        return $this->fetch();

    }

    public function check($code='')

    {

        $captcha = new \think\captcha\Captcha();

        if(!$captcha->check($code)) {

            $this->error('验证码错误');

        }

        else {

            $this->success('验证码正确');

        }

    }

}

前端文件:yzm/index.html

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <title>图片验证示例</title>

</head>

<body>

<h2>图片验证示例</h2>

<div>

    <!--验证数据-->

    <FORM method="post" class="form" action="{:url('check')}" name='tj'>

        <p><input name="code" type="text" placeholder="请输入验证码" style="width:100px;">

        <span>

                <!--{:captcha_img()}-->

                <img id="verify_img" src="{:captcha_src()}"  alt="请点击刷新验证码" onclick="this.src='{:captcha_src()}'+'?'+Math.random()"/>

        </span>

        </p>

        <p style="margin-top:30px;"><input name="tj" type="submit" class="button" value="提交"></p>

    </FORM>

</div>

</body>

</html>

实现效果:

thinkphp5.0 实现图片验证效果且能点击图片刷新图片

输入验证码正确:

thinkphp5.0 实现图片验证效果且能点击图片刷新图片

输入验证码错误:

thinkphp5.0 实现图片验证效果且能点击图片刷新图片

thinkphp5.0 实现图片验证效果且能点击图片刷新图片的更多相关文章

  1. 完整说明使用SpringBoot&plus;js实现滑动图片验证

    常见的网站验证方式有手机短信验证,图片字符验证,滑块验证,滑块图片验证．本文主要讲解的是滑块图片验证的实现流程．包括后台和前端的实现． 实现效果 使用的API java.awt.image.Buffe ...

  2. jquery图片放大插件鼠标悬停图片放大效果

    都知道jquery都插件是非常强大的,最近分享点jquery插件效果,方便效果开发使用. 一.HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...

  3. CSS 实现图片灰度效果 兼容各种浏览器

    CSS 实现图片灰度效果 兼容各种浏览器如360浏览器 CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色,相当于把一张图像的颜色模式调整为灰度,CSS可以通过以下几种方法来实现灰度效果. ...

  4. CSS 实现图片灰度效果

    非原创-从网上收索出来的文章 CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色,相当于把一张图像的颜色模式调整为灰度,CSS可以通过以下几种方法来实现灰度效果. 方式1. IE滤镜 img ...

  5. thinkPHP5&period;0框架验证码调用及点击图片刷新简单实现方法

    这篇文章主要介绍了thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法,结合简单示例形式分析了thinkPHP5框架验证码相关配置.后台验证.前台刷新等操作技巧,学习thinkphp源码的朋 ...

  6. Swift 2&period;0 封装图片折叠效果

    文/猫爪(简书作者)原文链接:http://www.jianshu.com/p/688c491580e3著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”. 用Swift封装图片折叠效果 b ...

  7. ThinkPHP5&period;0图片上传生成缩略图实例代码

    很多朋友遇到这样一个问题,图片上传生成缩略图,很多人在本机(win)测试成功,上传到linux 服务器后错误. 我也遇到同样的问题.网上一查,有无数的人说是服务器临时文件目录权限问题. 几经思考后,发 ...

  8. ThinkPHP5&period;0框架开发--第10章 TP5&period;0验证器

    ThinkPHP5.0框架开发--第10章 TP5.0验证器 第10章 TP5.0验证器 ======================================= 今日学习 1.验证器 1) 控 ...

  9. ThinkPHP5&period;0框架开发--第11章 TP5&period;0 杂项

    ThinkPHP5.0框架开发--第11章 TP5.0 杂项 第11章 TP5.0 杂项 =============================================== 今日学习 1. ...

随机推荐

  1. Android语音搜索

    前言 在现有的软件的搜索框中基本上都会加上语音搜索的图标,以方便用户输入.我们xxxx的搜索框其实也可以借鉴这样的输入方式,提高用户体验.语音识别有3种方式实现①使用intent调用语音识别程序;②通 ...

  2. sql with as用法详解

    一．WITH AS的含义 WITH AS短语,也叫做子查询部分(subquery factoring),可以让你做很多事情,定义一个SQL片断,该SQL片断会被整个SQL语句所用到.有的时候,是为了让 ...

  3. CentOS的启动流程

    因6和7俩个系列的启动流程有区别,所以我把他们分开来写 linux可看作是内核和根文件系统组成我们把内核单独拿出来总结一下 CentOS6系列启动流程 首先总结一下总体的流程,接下来展开来叙述:POS ...

  4. jqery autocomplete 动态传递参数的问题

    今天弄一个autocomplete 向后后台动态传递参数的问题 老的写法: params: { "saleid": $("#divSalesman input[field ...

  5. Creating Modules

    转自官方文档,主要说明如何创建模块 https://www.terraform.io/docs/modules/index.html A module is a container for multi ...

  6. Singer 学习十 同步模式

    sync 模式是属于tap 的操作,同步模式下,tap 需要提交 schema. record .state message, singer 指南对于每种 类型有详细的说明 streams 每个str ...

  7. MySQL免安装配置（亲测过，请放心借鉴）

    下载地址:https://dev.mysql.com/downloads/mysql 1.mysqld --initialize-insecure  初始化 2.mysqld install  安装服 ...

  8. excel的C&num;操作教程

    C# Excel Tutorial http://csharp.net-informations.com/excel/csharp-excel-tutorial.htm How to transfer ...

  9. reboot 后 Docker服务及容器自动启动设置

    https://blog.csdn.net/wxb880114/article/details/82904765 重启reboot操作系统后,发现docker 服务未启动,容器也未启动,天生反骨,怎么 ...

  10. java梳理-序列化与反序列化

    一背景: 之前笔记关于rpc框架介绍中,提到为了调用远程服务,需要再确定消息结构后考虑序列化与反序列化,序列化主要是把对象转换成二进制码便于网络传输,反序列化就是相反的,主要目的是生成对象便于后续处理 ...

相关文章