jQuery实现微信长按识别二维码功能
更新时间：2016年08月26日 16:40:27 投稿：mrr
这篇文章主要介绍了jQuery实现微信长按识别二维码的功能，非常不错，具有参考借鉴价值，对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧
最近一直在搞一个微信开发的项目，终于快要完工了，今天小编抽个时间记录下在项目开发过程中遇到jquery.qrcode.min.js生成二维码长按不识别的解决方法，希望对大家有所帮助！
1.引入JS库
<script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
2.在页面创建一个空的div;
<div id="qrDiv"></div>
3.生成二维码
$("#qrDiv").qrcode({
width: 120, //宽度
height:120, //高度
text: "需要生成的二维码内容" //任意内容
});
注意：这个时候生成的二维码在微信中长安没任何反应，因为qrcode生成的是canvas标签而不是img标签
4.将canvas标签转换为img标签
//从 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);
$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id
注意：完成上述步骤后就可以在微信中长按识别了
以上所述是小编给大家介绍的jQuery实现微信长按识别二维码功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 JavaScript™ 以及Ajax 编程。2009-05-05
这篇文章主要介绍了jQuery表单验证的方法,结合简单实例形式分析了jQuery针对表单必填项进行验证的方法,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了JS JQUERY实现滚动条自动滚到底的方法,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery中event.target和this的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。本文主要对表单验证插件-Validation进行案例分析，详细介绍，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要介绍了jQuery实现的多滑动门，多选项卡效果代码,具有tab切换与滑动门的功能,涉及鼠标事件的响应与页面元素属性动态变换操作相关实现技巧,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了jQuery和CSS仿京东仿淘宝列表导航菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
利用jquery给指定的table动态添加一行、删除一行的方法
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
我正在研究JQuery框架，其下的插件十分丰富，使用十分简单，功能也十分强大2012-03-03
这个插件的制作用到jquery的animate,fadeIn,fadeTo等动画 透明度之类的知识，对css的控制样式也是很重要的2010-05-05
最新评论