randomColor

前端随机验证码

拜拜、爱过 提交于 2021-01-13 07:49:06
前端登录或者注册的时候经常会有一个验证码,数字或者字母,本验证码是基于canves的。 使用方法: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height: 50px;"></div> <input type="text" id="code_input" value="" placeholder="请输入验证码"/><button id="my_button">验证</button> </body> <script src="js/gVerify.js"></script> <script> var verifyCode = new GVerify("v_container" ); document.getElementById( "my_button").onclick = function (){ var res = verifyCode.validate(document.getElementById("code_input" ).value); if (res){ alert( "验证正确" ); } else { alert( "验证码错误" ); } }

登录图片验证码--前端校验

一世执手 提交于 2021-01-13 07:29:52
<!DOCTYPE html> <html> <!-- head --> <head> <meta charset="utf-8"> <title>图片登录验证</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <style> body{margin: 10px;} .demo -carousel{height: 200px; line-height: 200px; text- align: center;} .code { width: 400px; margin: 0 auto; } .input - val { width: 295px; background: #ffffff; height: 2 .8rem; padding: 0 2% ; border - radius: 5px; border: none; border: 1px solid rgba( 0,0,0,.2 ); font -size: 1 .0625rem; }

使用python-opencv批量生成带噪点噪线的数字验证码

扶醉桌前 提交于 2020-12-22 15:43:57
使用python-opencv批量生成带噪点噪线的数字验证码 文章目录 1.明确要使用的包 2.引入库 3.生成随机的颜色组合get_random_color() 4.生成颜色随机,数值随机的数字生成函数get_random_number() 5.随机生成一张干净的(不带噪声噪线)数字验证码图像 6.往图像添加噪声噪线 7.调用函数生成数字验证码图像 8.总结 第一次使用csdn写一个文章,如果有什么写的不对的地方,欢迎在下面评论指正,谢谢各位。 1.明确要使用的包 首先就是opencv的函数库,还有python自带的random和PIL(Image、ImageDraw、ImageFont),一般pthon3以上的版本都是内置安装的,如果没有安装可以通过pip install的方法安装具体操作如图: 输入完按回车键即可安装,因为我已经安装了,就不输入回车键了,安装完了之后可以通过import的方式检验是否安装成功。记住先输入python进入python的编程环境在输入import PIL,否则就会报错 2.引入库 代码如下(示例): import cv2 as cv import random from PIL import Image from PIL import ImageDraw from PIL import ImageFont 3.生成随机的颜色组合get_random

js实现简单的验证码

若如初见. 提交于 2020-12-19 16:16:26
前言   如今各种各样的账号注册登录大部分都涉及到了验证码的输入,那这些验证码是怎么实现的呢? 概述   目前比较常见的验证码格式主要有三种: 数字短信验证码、 图形验证码、滑动验证码 ,下面我们就一起来看看这些验证码是怎么实现的。 1.数字短信验证码   数字短信验证码就是要求我们输入手机号码,然后获取手机收到的验证码。      思路:   a.两个文本框+一个获取验证码按钮,文本框用来输入手机号和获取到的验证码,按钮负责点击和记录倒计时;   b.js书写定时器setTimeout,进行60秒验证码失效时间记录;   c.后台提供短信获取验证的接口,我们把手机号作为参数上传,后台获取到后给该手机号下发验证码;   效果图展示:   例1.0:点击按钮发送验证码效果图 短信接收截图   代码展示:   html <input type="text" name="phone" id="phone" value="" placeholder="请输入手机号" maxlength="11" /> <input type="" name="verCode" id="verCode" value="" placeholder="请输入验证码" maxlength="6"/> <input type="button" name="" id="verCodeBtn" value="获取验证码

canvas实现验证码功能

自作多情 提交于 2020-11-21 13:32:44
我们在做一些后台系统登录功能的时候,一般都会用到验证码,最多的就是后台生成的验证码图片返回给前端的。也可以不调用后端接口,前端使用canvas直接生成验证码。 由于功能过于简单,不需要多少代码和文字说明,下面直接贴出代码。 1、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas验证码</title> <style> .input - val { width: 200px; height: 32px; border: 1px solid #ddd; box -sizing: border- box; } #canvas { vertical - align: middle; box -sizing: border- box; border: 1px solid #ddd; cursor: pointer; } .btn { display: block; margin - top: 20px; height: 32px; width: 100px; font - size: 16px; } </style> </head> <body> <div class="code"> <input type="text" value="" placeholder="请输入验证码

用户登录验证码生成

核能气质少年 提交于 2020-08-16 17:45:49
用户登录验证码生成 一、视图代码 import random def get_random_color(): """ 获取随机图片颜色 :return: """ return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255 ) def valid_img(request): # 方式一 # with open("111.png", "rb") as f: # data = f.read() # 方式二 # from PIL import Image # img = Image.new("RGB", (250, 40), get_random_color()) # f = open("validcode.png", "wb") # img.save(f, "png") # with open("validcode.png", "rb") as f: # data = f.read() # 方式三 # from io import BytesIO # img = Image.new("RGB", (250, 40), get_random_color()) # f=BytesIO() # img.save(f, "png") # data = f.getvalue() # 方式四 from io

Python笔记:爬取各国疫情仙去人数数据制作南丁格尔玫瑰图

妖精的绣舞 提交于 2020-08-13 02:15:12
我凌晨用Python爬虫实时从网上爬取各国在疫情中仙去人数的数据,然后仿人民日报制作成“南丁格尔玫瑰图” 英国37048;意大利32877;西班牙27117都对得上; 但美国、法国、巴西的跟百度大数据的对比,存在些许误差。 可能是不同网站的数据源的更新不同步造成的吧? ——2020年5月27日3时18分前 数据源通过接口 `https://lab.isaaclin.cn/nCoV/zh` 来抓取,我们取疫情中死亡人数超过 2000 的国家的数据 。 代码如下: from pyecharts.charts import Pie from pyecharts import options as opts import random, requests url = 'https://lab.isaaclin.cn/nCoV/api/area' data_json = requests.get(url).json() country_list = [] count_list = [] ds = {} for item in data_json['results']: if item['countryEnglishName']: if item['deadCount'] is not None and item['countryName'] is not None: if int(item[

弹幕网站很复杂?教你10分钟在华为云鲲鹏弹性云服务器上部署好!

浪子不回头ぞ 提交于 2020-08-10 05:47:44
摘要: 从零代码开始,10分钟快速开发一个可以发送弹幕的网站,并将其部署在华为云服务器上;学完本期教程,将知道如何使用Nginx、如何将自己的网站部署到云服务器上。 直播相信大家都不陌生了吧,大家经常会到游戏、淘宝等各种明星大神的直播间观看。而一谈到直播,肯定会看到满屏幕飘来飘去的弹幕。 作为程序员首先想到的问题是,这些弹幕网站开发困难吗?我想说,真的 so easy!B站UP主-神奇的老黄今天就从零代码开始,教大家10分钟快速开发一个可以发送弹幕的网站。还等什么呢,动起来吧~~ 开发思路 首先是让弹幕的随机高度出现,这个计算方法是:最大高度=屏幕的高度-发送div的高度-弹幕本身的高度,范围就是 0-最大高度了,弹幕总是从右往左移动,所以出现最右侧的位置计算方法是:最右侧位置=屏幕的宽度-弹幕本身的宽度;接下来就是设置随机颜色,颜色按照‘#aabbcc’这种格式,利用Math.random()随机数生成;最后是弹幕的发送,首先是获取输入框中的值,然后新创建一个div,并设置随机颜色、位置等属性,调用init() 函数。 总结如下步骤: 1、获取弹幕对象:随机高度、初始化颜色 2、水平期间设置范围:浏览器宽度-弹幕对象的高度 3、移动功能函数:定时器 setInterval 4、实现用户发表弹幕 用到的知识点 1、首先页面搭建,就是这些东西是如何摆放的——html+css布局 2

使用 postman 给 API 写测试

感情迁移 提交于 2020-04-23 10:50:34
使用 postman 给 API 写测试 Intro 上次我们简单介绍了 使用 postman 测试 API ,这次主要来写一些测试用例以检查请求的响应是否符合我们的预期以及如何使用脚本测试 使用 postman 内置的随机变量 postman 内置的有一些产生随机值的变量,在发送请求时随机生成,这样我们可以在请求中随机生成一些用户名,邮箱,公司名称等等, 支持的变量如下,官方文档: https://learning.getpostman.com/docs/postman/variables-and-environments/variables-list/ {{$randomZipCode}} {{$randomCity}} {{$randomCityPrefix}} {{$randomCitySuffix}} {{$randomStreetName}} {{$randomStreetAddress}} {{$randomStreetSuffix}} {{$randomStreetPrefix}} {{$randomSecondaryAddress}} {{$randomCountry}} {{$randomCountryCode}} {{$randomState}} {{$randomStateAbbr}} {{$randomLatitude}} {{

Django学习笔记(17)——BBS+Blog项目开发(1)验证码功能的实现

这一生的挚爱 提交于 2020-04-18 00:37:38
  本文主要学习验证码功能的实现,为了项目BBS+Blog项目打下基础。   为了防止机器人频繁登陆网站或者破坏分子恶意登陆,很多用户登录和注册系统都提供了图形验证码功能。   验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。   图形验证码的历史比较悠久,到现在已经有点英雄末路的味道了。因为机器学习、图像识别的存在,机器人已经可以比较正确的识别图像内的字符了。但不管怎么说,作为一种防御手段,至少还是可以抵挡一些低级入门的攻击手段,抬高了攻击者的门槛。 验证码功能实现方法1——完整的验证码实现流程 1, 验证码前端画布页面生成   那么下面我们将依次生成验证码这种画布,左边框是输入验证码的内容,右边框是设计验证码。 1.1,直接读取图片   首先,我们需要了解读取图片的方法。 # 方式一 with open('kd1.jpg', 'rb') as f: data = f.read() return HttpResponse(data)