分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

qrcode.js的识别解析二维码图片和生成二维码图片

发布时间:2023-09-06 02:12责任编辑:沈小雨关键词:js二维码

qrcode只通过前端就能生成二维码和解析二维码图片,

首先要引入文件qrcode.js,下载地址为:http://static.runoob.com/download/qrcodejs-04f46c6.zip;

1、识别本地图片:

    通过文件的形式获取到本地的图片,生成一个图片的临时路径,然后解析这个二维码图片;

   qrcode.decode(img)方法能将二维码图片解析,通过qrcode.callback=function(img){}将解析的图片返回文本值;

 ???//获取预览图片路径 ???????????????var getObjectURL = function(file){ ????????????????var url = null ; ????????????????if (window.createObjectURL!=undefined) { // basic ????????????????url = window.createObjectURL(file) ; ????????????????} else if (window.URL!=undefined) { // mozilla(firefox) ????????????????url = window.URL.createObjectURL(file) ; ?????????????????} else if (window.webkitURL!=undefined) { // webkit or chrome ?????????????????url = window.webkitURL.createObjectURL(file) ; ????????????????} ?????????????????return url ; ????????????????} ???????????????????????????????console.log(getObjectURL(newfile[0]));// newfile[0]是通过input file上传的二维码图片文件 ???????????????qrcode.decode(getObjectURL(newfile[0])); ???????????????qrcode.callback = function(imgMsg){ ???????????????????console.log("imgMsg",imgMsg); ???????????????}

  

2、生成二维码:

   var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 100,
height : 100
});

qrcode.makeCode(‘123123‘);

生成二维码

qrcode.js的识别解析二维码图片和生成二维码图片

原文地址:https://www.cnblogs.com/ecmasea/p/9565913.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved