通过JS识别图片中二维码网址并触发自动化脚本

定制开发才有价值

于 2024-08-15 14:44:33 发布

阅读量604

点赞数 18

文章标签： javascript 自动化前端

本文链接：https://blog.csdn.net/p6448777/article/details/141221707

版权

一、首先我们需要下载jsQR

二、我们需要编写二维码网址识别页面与方法

<!DOCTYPE html>
<html>
<div style="text-align: center;margin-top: 300px;">
    <input type="file" accept="image/*" capture="environment" id="fileInput" style="display: none;">
    <button onclick="scanQRCode()"
            style="background-color: #4CAF50; color: white; padding: 15px 32px; text-align: center;
             text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px;
             cursor: pointer;">
        SCAN AND OPEN
    </button>
</div>
</html>

<script src="https://cdn.jsdelivr.net/npm/jsqr/dist/jsQR.js"></script>
<script>
    function scanQRCode() {
        const fileInput = document.getElementById('fileInput');
        fileInput.click();

        fileInput.onchange = function () {
            const file = fileInput.files[0];
            const reader = new FileReader();

            reader.onload = function (e) {
                const img = new Image();
                img.src = e.target.result;

                img.onload = function () {
                    const canvas = document.createElement('canvas');
                    const ctx = canvas.getContext('2d');
                    canvas.width = img.width;
                    canvas.height = img.height;
                    ctx.drawImage(img, 0, 0, img.width, img.height);

                    const imageData = ctx.getImageData(0, 0, img.width, img.height);
                    const code = jsQR(imageData.data, imageData.width, imageData.height);

                    if (code) {
                        // alert('扫描结果: ' + code.data);
                        window.open(code.data, "_self")
                    } else {
                        alert('未识别到二维码');
                    }
                };
            };

            reader.readAsDataURL(file);
        };
    }
</script>

三、通过页面选择二维码图片进行识别操作

四、通过Tampermonkey猕猴桃插件操作自动填写

// ==UserScript==
// @name 搜索参数显示
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 显示搜索的参数
// @author You
// @include https://form.ebdan.net/*
// @grant none
// ==/UserScript==

console.log("我是wdfgdzx");
// 姓名集合
var nameList=["李浚屹", "汪文西", "赵玮泓", "孙朗威", "陈少华", "张杰奕", "李棋通", "周昭海", "吴炳颜", "徐晟驰", "马玮鹤", "朱昱旷", "胡洛流", "沈涛鹤", "韩畅忆", "刘玖寅", "李天旭", "王羽濬", "张译文", "陈任浚", "杨智琛", "赵杰通", "孙石棕", "陈瀚天", "张朗铭", "李玮祖", "周通灏", "吴辉煜", "徐祖瀚", "马斌源", "朱栎高", "胡泓皓", "沈瀚学", "韩翎译", "刘棋凯", "李鑫诺", "王善学", "张杰羽", "陈辉颜", "杨屹绍", "赵棋晖", "孙艺皓", "陈誉浩", "李文宁", "周伫朗", "吴涛阳", "徐铭石", "马驰亦", "胡游振", "沈驰瀚", "韩棋瀚", "刘玮瀚", "李伫奕", "周冬泶", "吴浚昱", "徐昭现", "马宇皓", "朱强钰", "沈屹亦", "韩伫祺", "刘煜陌", "李铭锦", "周紫然", "吴智翎", "徐驰沙", "马祖翎", "朱羽霖", "沈羽尊", "韩煜雷", "刘琛艺", "李智畅", "周淳蓝", "吴晖洋", "徐维琛", "马琛文", "朱羽颜", "沈琛禹", "韩滕茂", "刘晖强", "李羽言", "周烽泓", "吴宇悠", "徐浩尊", "马智毅", "朱祖昭", "沈杰祺", "刘誉玮", "李羽伦", "周钦雷", "吴屹儒", "徐羽淳", "孙寅昭", "胡沅善", "沈诺艺", "韩晟瀚", "刘琛晗", "李祖南", "周仁源", "吴浚恩", "徐文祖", "马浚利", "朱智棋", "孙宇宁", "胡海奕", "沈清乾", "韩沙欧", "刘沅理", "李立笠", "周善琛", "吴羽恩", "徐羽霖", "孙现煜", "胡海琛", "沈斌沐", "韩朴学", "李程畅", "周晖宏", "吴浩宇", "徐洛潮", "孙立泓", "胡程深", "沈驰玄", "韩羽晗", "刘艺奕", "李晟皓", "周智艺", "吴崇琛", "徐诺天", "孙钦辉", "胡浩泓", "沈望沙", "李立瀚", "周文学", "吴钦誉", "徐槿通", "胡浩儒", "沈浚图", "刘奕毅", "李斌华", "周苑晖", "吴旭畅", "徐斌亦", "胡悟琦", "沈槿琦", "李锦折", "周洛霖", "吴崇旭", "徐杰伦", "胡安琛", "沈誉皓", "李文晗", "周槿程", "徐程皓", "胡景尊", "孙俊元", "吴昭鹤", "徐智文", "胡晗白", "孙树俊", "徐昱图", "胡涛皓", "沈石麒", "韩洛雁", "刘羽琛", "李译柯", "周艺驰", "徐智天", "沈石瀚", "刘誉尊", "李怀元", "周洲杰", "吴浩来", "徐诺琛", "孙朗若", "胡滕图"]
var phoneList=["13703619524","15921291926","13800138000","13900139000","14725836913","13457924680","13568974123","13678954123","13789465123","13894651723","13946517823","14785236913","13465178290","13589476120","13678954120","13789465120","13894657120","13946578120","14785236901","13465178209","13589476102","13678954012","13789465012","13894657012","13946578012","14785203691","13402178569","13502147869","13602147859","13702147859","13802147859","13902147859","14702136589","13402315678","13502314786","13602314785","13702314785","13802314785","13902314785","14702315685","13405178269","13505178462","13605178462","13705178462","13805178462","13905178462","14705178262","13405312678","13505312478","13605312478","13705312478","13805312478","13905312478","14705312678","13405678123","13505678123","13605678123","13705678123","13805678123","13905678123","14705678123","13405678901","13505678901","13605678901","13705678901","13805678901","13905678901","14705678901","13405267891","13505267891","13605267891","13705267891","13805267891","13905267891","14705267891","13405267819","13505267819","13605267819","13705267819","13805267819","13905267819","14705267819","13703619524","15921291926","13800138000","13900139000","14725836913","13457924680","13568974123","13678954123","13789465123","13894651723","13946517823","14785236913","13465178290","13589476120","13678954120","13789465120","13894657120","13946578120","14785236901","13465178209","13589476102","13678954012","13789465012","13894657012","13946578012"]
// alert(phoneList.length+"")
// 生成随机数
function getRandomNumber(min, max) {
return Math.round(Math.random() * (max - min) + min);
}

var randomNumber = getRandomNumber(0, 100);
var randomPick=getRandomNumber(0, 100);

var name="---";
var phone="---";

// 选项自动随机勾选
var optionLableList= [];
var randomPickNumber=getRandomNumber(0, 8);

function doWork(){
name= document.getElementById('2648590280');
name.value=nameList[randomNumber]
// alert(name);
phone=document.getElementById('6887320908');
//alert(phone.id+"")
phone.value=phoneList[randomNumber];
optionLableList=document.getElementsByClassName('option-label')
// alert(optionLableList.length)
//setTimeout(optionLableList[randomPickNumber].click(), 2000);
optionLableList[randomPickNumber].click()
// 点击提交
setTimeout(mySubmit, 2000);
}

setTimeout(doWork, 5000);