大家都应该看过网路上有形形色色的图片验证码(Captcha),用来防止一些机器人程式恶意去网页上留言或注册,浪费系统的资源。但是如果你自己有开发网页程式,要如何在自己的网页上设计出又简单、又有效的验证码呢?阿正老师今天介绍一套相当方便的套件「Captcha Genie」(验证码精灵),就能轻松帮你制作出各式各样的验证码,PHP开发网页的玩家们不妨试试看喔!

CAPTCHA(英文全名为Completely Automated Public Turing Test to tell Computers and Humans Apart),中文译为「全自动区分计算机和人类的测试」,我们都常简称为「验证码」,是为了避免网路上的资源被一些自动程式所浪费,所以会以一些难辨识的图形、文字、算术来让使用者输入,以确认在电脑前的是人类而不是验证码识别程序。CAPTCHA有相当多种,而且难度也都不一,越复杂的就越难破解,但是也会造成使用者的负担,很容易产生一直输入失败的挫折感。因此有的CAPTCHA也加上了语音提示的功能,按下发音按钮后就会念出图片中的文字让你输入,例如常见的Google「reCAPTCHA」就是一种。

今天阿正老师要来介绍的这个Captcha Genie套件,就是一套相当简单又实用的PHP验证码套件,除了可以选择多种图片背景、字型之外,还可设定文字的长度、字型大小、颜色,或是以简单的数学运算式来做验证。

Captcha Genie

  • 官方网站:http://www.captchagenie.com/
  • 主程式下载:[ 官网下载点 ] (1MB)

一、安装方式

下载Captcha Genie主程式,解压缩到网页中某个资料夹,建议可解到网站的根目录中。解开后会产生一个captcha的资料夹,里面有几个档案:

其中我们需要修改的「configuration.php」这个就是设定档,其他的皆不用修改。

二、产生设定档

1.

要修改设定档我们可以用一般的文字编辑器来编辑configuration.php,里面有完整的说明可以对照来修改。

2.如果你嫌麻烦,可以到官方网站上方点选「Customize」就可进入设定档的产生器页面。

画面左方有多种选项可以设定,完成后按下〔Save and Show〕按钮就可在画面右方看到验证码的显示结果,最后再按下「Download configuration file」将设定档下载下来,下载后取代原来的configuration.php即可。

有哪些细部的设定可以修改呢?请翻到本文的第二页有介绍。

三、修改网页档

完成设定之后,修改你要出现图片验证码的网页,加上一段HTML码:

<div><img src="/captcha/code.php" id="captcha"></div>

如果你希望让使用者能重新整理验证码图片,可以加上一段:

<a href="#" οnclick="document.getElementById('captcha').src =

document.getElementById('captcha').src + '?' + (new Date 
()).getMilliseconds()"> 
重新整理</a>

例如我的HTML写成这样:

网页显示的结果就是:

是不是相当简单呢?

超方便的验证码套件Captcha Genie,帮你轻松在网页上制作出图片验证码!(上)相关推荐

  1. 超方便的验证码套件Captcha Genie,帮你轻松在网页上制作出图片验证码!(下)

    四.验证输入结果 当使用者输入了验证码之后,我们必须在网页表单送出的PHP程式中进行验证,程式的写法是: session_start();  $Code = $_REQUEST["Turin ...

  2. 网页登陆验证之图片验证码

    图片验证码:登陆网页时,生成随机图片验证码,在网页中显示出来,并把验证码保存下来用以登陆判断. 所用技术:tornado框架,自定义生成图片验证码的python文件及其相应字体文件,io模块,pill ...

  3. 自定义用户和认证 中间件 文件上传/oss 图片验证码

    自定义用户 写一个继承自AbstractUser的类,然后追加自己需要的字段在settings.py加入AUTH_USER_MODEL = 'app的名字.用户类' 自定义用户认证 步骤在app的目录 ...

  4. 图片验证码把我逼成了人工智障

    上网登录日常:请证明你不是机器人. 可一看到某些验证码,强迫症患者首先就蚌埠住了: 你说最右那俩方块我到底是选还是不选呢? 还经常会让人产生这样的思考: 红绿灯的杆子到底算不算红绿灯呢? 在终于向机器 ...

  5. drf实现图片验证码功能

    一.背景 在之前实现过django的图片验证码,有自己实现过的,也有基于django-simple-captcha的,都是基于form表单验证,若自己实现,可以获取相应的标签name便可以获取判断,若 ...

  6. 图片验证码反爬解决思路

    自打有爬虫以来,爬虫与验证码的战斗就一直在进行着.下面是我处理简单验证码的一点心得: 一.登录验证码: 很多网站采取登录用户名+密码+图片验证码的方式进行登录.对于简单的图片验证码可以采用ocr光学标 ...

  7. 使用 图灵验证码识别平台+Python+Selenium,智能识别B站/bilibili的中文验证码,并实现自动登陆

    一直想用python写一个程序帮我自动登陆B站,完成一些点击任务,懂的都懂 =v= 最近终于腾出时间来搞了,其实最难的部分就是中文验证码的识别.这个借助API接口也能轻松搞定.下面分享一下全部源码(前 ...

  8. Vue+Spring Boot实现图片验证码、邮箱验证码以及Cookie记住我功能(前后端代码详解)

    Vue实现图片验证码.邮箱验证码以及Cookie记住我功能 前言 图片验证码实现 Vue前端实现 Spring Boot后端实现 邮箱验证码实现 Vue前端实现 Spring Boot后端实现 Coo ...

  9. 【成长笔记】图片验证码识别

    记得很早以前,我对如携程飞猪等第三方平台购买火车票不用输入验证码感到很--牛!百度后发现其可能是实现了自动打码,或者说机器自动识别验证码,我很好奇. 后来,当我觉得我必须要给自己找些有趣的知识来学习的 ...

最新文章

  1. python2与python3转换记录
  2. 图像去雾----暗通道
  3. HTTP 请求包/回复包格式数据分析
  4. C语言 · 求指数
  5. 如何站在期刊角度上看论文写作
  6. mysql 导出dmp文件_一文带你了解MySQL主从复制(Master-Slave)
  7. ros amcl 参数配置
  8. java国际时间转换为北京时间
  9. Structure SLAM 相关论文阅读(一):消影点/消失点/灭点检测提取
  10. linux下解压iso文件
  11. 基于深度学习股票预测系统
  12. 《人性的弱点》(四)上
  13. 论文翻译——Rapid 2D-to-3D conversion——快速2D到3D转换
  14. 网络爬虫笔记—Selenium
  15. java中的轮子是什么意思_后端的轮子(一)
  16. 企业级智能RPA平台功能
  17. 华科计算机保研复试题目,华科计算机保研复试机试题目2.doc
  18. ARM-Linux应用程序自动升级以及自动回滚的实现
  19. Python之路,Python基础1
  20. 云徙科技包志刚:企业家的责任是带来数字化的新时代

热门文章

  1. 川崎机器人运动命令个人笔记
  2. Eclipse安装CVS
  3. 马哈鱼SQLFLow数据血缘分析器增量分析血缘任务
  4. nRF52832调试相关记录
  5. 第11章组件装饰和视觉效果-DecoratedBox装饰盒子-边框阴影处理
  6. 安卓批量群控流量抖音评论点赞系统源码二次开发多控
  7. 我的创业日记(序)——人生在于一种体验
  8. LoRa到底怎么了?
  9. 【杂记】(富文本框回填值、ajax数据回填按钮年级学科、去除数组中数组外包的引号、多重循环的写法、微测评获奖页面的内容 循环拼接写法、textarea禁止拖动、html基本、透明度、页面内出现滚动条)
  10. 十位时间戳转化成时间