怎么使用纯JavaScript生成图片或滑块式验证码功能
发表于:2024-10-17 作者:千家信息网编辑
千家信息网最后更新 2024年10月17日,这篇文章主要讲解了"怎么使用纯JavaScript生成图片或滑块式验证码功能",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"怎么使用纯JavaScrip
千家信息网最后更新 2024年10月17日怎么使用纯JavaScript生成图片或滑块式验证码功能
这篇文章主要讲解了"怎么使用纯JavaScript生成图片或滑块式验证码功能",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"怎么使用纯JavaScript生成图片或滑块式验证码功能"吧!
captchapng
用纯JavaScript实现的验证码生成模块。
安装简单,依赖少:
npm install captchapng
示例:
var captchapng = require('captchapng');app.get('/sign/captcha.png', function(req, res) {var captchaNumber = parseInt(Math.random() * 9000 + 1000)req.session.captcha = captchaNumbervar p = new captchapng(80,20, captchaNumber); // width,height,numeric captchap.color(0, 0, 0, 0); // First color: background (red, green, blue, alpha)p.color(80, 80, 80, 255); // Second color: paint (red, green, blue, alpha)var img = p.getBase64();var imgbase64 = new Buffer(img,'base64');res.writeHead(200, {'Content-Type': 'image/png'});res.end(imgbase64);})
Express + Captcha
为Express框架设计的验证码生成模块。
安装&示例:
$ npm install captchaUsage (for Express 4)'use strict'const express = require('express')const session = require('express-session')const bodyParser = require('body-parser')const captchaUrl = '/captcha.jpg'const captchaId = 'captcha'const captchaFieldName = 'captcha'const captcha = require('./captcha').create({ cookie: captchaId })const app = express()app.use(session({secret: 'keyboard cat',resave: false,saveUninitialized: true,}))app.use(bodyParser.urlencoded({ extended: false }))app.get(captchaUrl, captcha.image())app.get('/', (req, res) => {res.type('html')res.end(``)})app.post('/login', (req, res) => {res.type('html')res.end(`
CAPTCHA VALID: ${ captcha.check(req, req.body[captchaFieldName]) }
`)})app.listen(8080, () => {console.log('server started')})前端滑块验证
前端生成轨迹发送到后端验证,输入简单,但是容易被破解。
感谢各位的阅读,以上就是"怎么使用纯JavaScript生成图片或滑块式验证码功能"的内容了,经过本文的学习后,相信大家对怎么使用纯JavaScript生成图片或滑块式验证码功能这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!
验证
生成
功能
图片
学习
内容
前端
模块
示例
就是
思路
情况
文章
更多
框架
知识
知识点
篇文章
跟着
轨迹
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
tbc不能转服服务器
中国软件开发的操作系统
数据库25 极品17
数据库类型的用途
计算机网络技术填空题
互联网和科技的结合
档案数据库建设的问题论文
大连软件开发协会
虚拟化的服务器怎么重装
计算机网络技术要用手机吗
mysql数据库模拟器
dota2协调服务器更新
小学生网络安全手抄报六年级
混沌与秩序服务器选择
明日方舟服务器暂未开放什么意思
网络安全风险隐患清单
jxgl数据库
企业租用服务器怎么选购
单台服务器并发极限
虹口区品牌软件开发要多少钱
刺客信条3重制版数据库鼠标没用
ensp dns服务器解析失败
数据库连接错误代码1130
网络安全服务上岗认证
比亚迪 软件开发部
河北通讯软件开发
软件开发需求分析人员
网络技术软件是什么
linux更改时间服务器ip
江苏常见软件开发价钱