aardio 自动识别验证码输入

自动化表单填充与验证码识别

(应网友提议整理的实操记录)

缘起:网友提问催生的技术尝试

上周在发学习日志时有网友提议"在网页上识别验证码",于是尝试整合图像识别与网页自动化技术,完成了这套模拟登录流程。核心思路是:截图验证码→OCR识别→自动填充表单→提交并验证结果。

代码在这里

ini 复制代码
import soImage;
import web.view;
import string.html;
import string.ocrLite;
import string.ocrLite.defaultModels;

// 创建窗口并显示
var winform = win.form(text="找图代码生成器";right=800;bottom=600)
var wb = web.view(winform); 
winform.show();
//wb.fullscreen()

// 截图并保存处理
var img = soImage(); 
response = wb.go("http://127.0.0.1:5500/public/aaa.html")
thread.delay(1000)
img.captureWindow()
img.crop(1052,620,1140,675)
img.setJpegQuality(100)
img.save("./验证码.jpg")
var thumbnail = gdip.image("./验证码.jpg").getThumbnail(400,180);
thumbnail.save("./验证码1.jpg")

// 图像文字识别
var imgpath = "./验证码1.jpg"; 
var ocr = string.ocrLite();
var bit = gdip.bitmap(imgpath);
var text = ocr.detectBitmap(bit);  

// 自动填充表单并点击登录
for(i, value in table.eachIndex(text.blocks)){
    //输入用户名
    var username = wb.cdpWaitQuery("body > div > form > div.mb-4 > input")
    wb.cdp("DOM.focus",{nodeId = username.nodeId;})
    wb.cdp("Input.insertText",{text='admin'})
    //输入密码
    var password =wb.cdpWaitQuery("#password") ; 
    wb.cdp("DOM.focus",{nodeId = password.nodeId;})
    wb.cdp("Input.insertText",{text='123456'})
    //输入验证码
    var captcha = wb.cdpWaitQuery("#captchaInput");
    wb.cdp("DOM.focus",{nodeId = captcha.nodeId;}) 
    wb.cdp("Input.insertText",{text=value.text})
    //点击登录
    wb.waitEle("#loginForm > div.flex.items-center.justify-between > button","this.click()");
    thread.delay(1000)
    
    var successPage  = wb.cdpWaitQuery("#successPage"); 
    if(successPage){
        var html = wb.cdp('DOM.getOuterHTML',{nodeId = successPage.nodeId;})
        for(k,value in html){
            var save = string.save("./data.html",value)
            if(save){
                win.msgbox('保存html成功','提示')
                }    
            }        
    }else {
            win.msgbox('获取html失败')
        }    
    }
win.loopMessage();

因为个人技术问题,没有实现自动找验证码的位置的功能,只能设置验证码的位置截图进行图像识别,到时候需要自己更改位置,有大佬会的话可以改进一下☺

相关推荐
mCell3 天前
从 TodoList 到 Microsoft To Do:全栈工程师到底要管什么?
前端·编程语言·全栈
zzzzzz3105 天前
我用 AI 编程半年,这 5 个 Prompt 技巧让我效率翻倍
python·机器学习·编程语言
嘟嘟07175 天前
搞懂 useState 从原生 DOM 到 React 惰性初始化的完整链路
前端·react.js·编程语言
Quz7 天前
QML 信号与槽:直接绑定与跨文件通信
qt·编程语言·设计
wenb1n9 天前
MySQL诊断系列(3/6):索引分析——5个SQL揪出“僵尸索引”
数据库·人工智能·编程语言
快乐星空Maker11 天前
C++【生存游戏】开发:荒岛往事 第三期
开发语言·c++·游戏·编程语言
小林ixn11 天前
Python基础全梳理:从注释到函数,这些细节你都掌握了吗?
python·编程语言
甜味弥漫12 天前
一文搞懂 TypeScript:为什么 JavaScript 需要类型?从 JS 到 TS 入门笔记
编程语言
饼干哥哥14 天前
10.5% 深层转化、90%+ 新用户,ChatGPT Ads 值得吗?
算法·正则表达式·编程语言
清秋16 天前
全网最全 ECMAScript 攻略( 更新至 ES2026)
前端·javascript·编程语言