jQuery实现生成二维码，微信长按识别二维码功能

不念不忘少年蓝@ 2022-12-31 11:27 216阅读 0赞

参考：[https://blog.csdn.net/wky9421/article/details/52837983][https_blog.csdn.net_wky9421_article_details_52837983]

<html>
    <head>
    	<script src="/jquery.qrcode/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="/jquery.qrcode/jquery.qrcode.min.js"></script>
    </head>
    <body>
    <div id="qrDiv"></div> 
    <canvas id="myCanvas" width="120" height="120" style="border:1px solid #000000;display:none;">
    </canvas>
    
    <script>
    	$("#qrDiv").qrcode({   
                width: 120, //宽度   
                height:120, //高度   
                text: "http://www.baidu.com" //任意内容   
       });
       
       //从 canvas 提取图片 image  
    	function convertCanvasToImage(canvas) {  
    		//新Image对象，可以理解为DOM  
    		var image = new Image();  
    		// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持  
    		// 指定格式 PNG  
    		image.src = canvas.toDataURL("image/png");  
    		return image;  
    	}  
      
    //获取网页中的canvas对象  
      
    var mycanvas1=document.getElementsByTagName('canvas')[0];  
      
    //将转换后的img标签插入到html中  
      
    var img=convertCanvasToImage(mycanvas1);  
      
     //$('#qrDiv').append(img);//imagQrDiv表示你要插入的容器id  
    $('#qrDiv').html(img);
    
    </script>
    </body>
    </html>

[https_blog.csdn.net_wky9421_article_details_52837983]: https://blog.csdn.net/wky9421/article/details/52837983

发表评论取消回复

表情：

评论列表（有 0 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序中长按识别二维码

背景项目中遇到要使用图片预览扫描二维码这种情况，但是突然发现不能使用了，搜索了一波发现有使用条件使用条件一、image标签 + show-menu-by-

爱被打了一巴掌/ 2023年10月09日 15:12/ 0 赞/ 52 阅读

相关 jQuery 二维码生成

1.引入jQuery 和 jquery.qrcode <script type='text/javascript' src='http://cdn.staticfil

超、凢脫俗/ 2023年10月06日 09:18/ 0 赞/ 129 阅读

相关 iOS-长按识别二维码/生成二维码/扫描二维码

参考：http://www.jianshu.com/p/997cec333822 参考：https://github.com/nglszs/BCQRcode 方式一：长按识

你的名字/ 2023年10月05日 09:17/ 0 赞/ 26 阅读

相关 jQuery实现生成二维码，微信长按识别二维码功能

参考：[https://blog.csdn.net/wky9421/article/details/52837983][https_blog.csdn.net_wky9421_

不念不忘少年蓝@/ 2022年12月31日 11:27/ 0 赞/ 217 阅读

相关 20210407微信小程序里长按识别二维码

> 我们都知道公众号里的二维码可以长按识别，但是小程序限制比较严格，没有办法实现二维码的长按识别，一直以来我都是这样认为的，微信的官方规则里也是这么写的，昨晚看了一些文章和官方

比眉伴天荒/ 2022年11月16日 10:58/ 0 赞/ 310 阅读

相关微信生成二维码

生成带参二维码： 1、临时二维码，是有过期时间的，最长可以设置为在二维码生成后的30天（即2592000秒）后过期，但能够生成较多数量。临时二维码主要用于

快来打我*/ 2022年09月26日 13:55/ 0 赞/ 260 阅读

相关微信长按识别二维码bug整理

微信长按识别二维码问题搜集与整理最近在折腾一个手机端页面长按识别二维码的问题。发现长按二维码时在ios和android手机上识别不是那么灵敏。下面整理下我对该问题的总结

太过爱你忘了你带给我的痛/ 2022年08月23日 00:59/ 0 赞/ 405 阅读

相关一维码、二维码生成与识别，获得二维码位置

配置环境：VS2012+Zxing0.14.0.0 Zxing链接地址：https://download.csdn.net/download/kissgoodbye2012/

我不是女神ヾ/ 2022年05月30日 08:42/ 0 赞/ 448 阅读

相关 jquery实现微信长按识别二维码 - 在线生成二维码

jquery实现微信长按识别二维码 - 在线生成二维码 1.引入JS库 <script src="jquery-1.8.3.js" type="text

叁歲伎倆/ 2022年05月22日 04:30/ 0 赞/ 278 阅读

相关微信iOS长按无法识别二维码

真的是无力吐槽微信的坑真的多把人能呕死，做了个公众号开发一大堆的坑希望你看完每个字分享一下ios微信长按无法识别二维码的问题在网上找了一大堆的处理方式说增加

朱雀/ 2022年02月20日 09:48/ 0 赞/ 1181 阅读